application.jsでscssファイルが読み込まれなくなった

Question

前提・実現したいこと

dockerとrails６でアプリ開発をしています。
application.jsでscssが読み込まれなくなり困っています。
読み込まれなくなる前に行ったことを以下に書きます。

1,yarn add @fortawesome/fontawesome-freeを実行
2,Error: Missing binding /encounter/node_modules/node-sass/vendor/linux-x64-64/binding.nodeのエラーが発生したため、yarn add node-sassを実行。
3,上記のエラーが消えましたが、scssファイルが読み込まれなくなっており、Uncaught Error: Cannot find module '../stylesheets/application'のエラーが出現。

エラーの発生したタイミングが、１を実行した後なのか2のyarn add node-sassを実行した後なのか分かりません。
エラーが発生するまでは問題なく読み込まれおり、CSSも反映されていましたのでpathは問題ありません。また、scssではなくcssだと正常に読み込まれます。
application.html.erbには<%= stylesheet_pack_tag 'application', 'data-turbolinks-track': 'reload' %>を記述しています。

どなたかわかる方、ご教示お願いします。

発生している問題・エラーメッセージ

 Uncaught Error: Cannot find module '../stylesheets/application'
    at webpackMissingModule (application.js:1)
    at Module../app/javascript/packs/application.js (application.js:1)
    at __webpack_require__ (bootstrap:19)
    at bootstrap:83
    at bootstrap:83

該当のソースコード

application.js

import Rails from "@rails/ujs";
import Turbolinks from "turbolinks";
import * as ActiveStorage from "@rails/activestorage";
import "channels";
import "bootstrap";
import "../stylesheets/application";
import "@fortawesome/fontawesome-free/js/all";
Rails.start();
Turbolinks.start();
ActiveStorage.start();

Comments

[m.ts10806]

＞application.jsでscss

js　でしたっけ。
scssならapplication.cssのほうでは

[shin342]

Webpakerを使用しているので問題ないかと思います。

[m.ts10806]

Webpacker　ですよね。（固有名詞は正確に書かないと情報の信用性がガタっと落ちます。プログラミングは書いたとおりにしか動きません）