Después de cambiar Rails 7 y dart-sass, Mi aplicación no puede mostrar js (menú de arranque).

Creo que sucedió porque no pude establecer el camino correcto o cambiar la forma de escribir de node-sass a dart-sass.

Vi mi aplicación en localhost y verifiqué el modo de desarrollo.

    application.js:1 Uncaught Error: Cannot find module 'app/javascript/src/application.scss'
    Uncaught Error: Cannot find module 'app/javascript/src/application.scss'
    at webpackMissingModule (application.js:1:1)
    at Module../app/javascript/packs/application.js (application.js:1:1)
    at __webpack_require__ (bootstrap:19:1)
    at bootstrap:83:1
    at bootstrap:83:1
    webpackMissingModule @ application.js:1
    ./app/javascript/packs/application.js @ application.js:1
    __webpack_require__ @ bootstrap:19
    (anonymous) @ bootstrap:83
    (anonymous) @ bootstrap:83
    Uncaught ReferenceError: $ is not defined
    at Object../app/javascript/packs/count.js (count.js:2:1)
    at __webpack_require__ (bootstrap:19:1)
    at bootstrap:83:1
    at bootstrap:83:1
    @import '~bootstrap/scss/bootstrap';
// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.
import "bootstrap";
import "app/javascript/src/application.scss";


// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)

// jquery書きはじめ
$(function (){
  // 処理(ページが読み込まれた時、フォームに残り何文字入力できるかを数えて表示する)

  let count = $(".js-text").text().replace(/\n/g, "改行").length;
  let now_count = 200 - count;
  if (count > 200) {
  $(".js-text-count").text( "残り" + now_count + "文字");

  $(".js-text").on("keyup", function() {
    // 処理(キーボードを押した時、フォームに残り何文字入力できるかを数えて表示する)
    let count = $(this).val().replace(/\n/g, "改行").length;
    let now_count = 200 - count;

    if (count > 200) {
    } else {
    $(".js-text-count").text( "残り" + now_count + "文字");

Busqué algunos documentos, pero no pude encontrarlos sobre el cambio de rutas y la forma de escribir node-sass en rieles de dart-sass.

Ya agregué gema de rieles dart-sass.

Por favor, dame algunos consejos si conoces algunos consejos o documentos para los rieles Dart-sass.

no se encontró respuesta