Laravelでapp.jsやapp.cssが反映されない（存在しない）ときの解決方法

この問題が起こった時の環境

Laravel バージョン6.20.44
nvm v17.1.0以上

発生した問題

・デベロッパーツール確認、
app.cssとapp.jsに404 NOT FOUND

・resourcesフォルダにCSSやJSファイルがない
※どうやらLaravel5.8まではpublic > css >app.cssがあるみたいです。。
なのでsassをビルドして生成する必要があります。

・npm run watch、
npm run devでsassをコンパイルできない。

解決方法

1.resourcesフォルダにapp.cssがないことを確認
ある人は大丈夫なはず、、。

2.webpack.mix.jpファイルに以下の記述があることを確認

webpack.mix.jp

mix
  .js("resources/js/app.js", "public/js")
  .sass("resources/sass/app.scss", "public/css");

3.resources > sass > app.scssに
cssを記述。（sassでも良い）

4.以下を実行

npm run dev

public　> cssの中にapp.cssが入っていれば成功！

5.「Error: error:0308010C:digital envelope routines::unsupported」
なエラーが出た場合、　Node.jsのバージョンを下げる

nvm install 14.18.1

6.再び以下を実行

npm run dev

public　> cssの中にapp.cssが入っていれば成功！

7.「options has an unknown property 'outputStyle'・・・・・」
とエラーが出た場合、sass-loaderのバージョンを変更

$npm uninstall --save-dev sass-loader
$npm install --save-dev sass-loader@7.1.0

8.再び以下を実行

npm run dev

public　> cssの中にapp.cssが入っていれば成功！

この問題にぶち当たった経緯

以下の記事でLaravelを学習中、cssが反映されていない問題に遭遇しました。
https://note.com/mukae9/n/n12cc13fd4f90