npm run devを行うとエラーになってビルドすることができない

Question

https://qiita.com/AkiYanagimoto/items/4d409ac978bff3f52a75

上記の手順通りに作業を進めてSTEP２で

npm run dev

を実行すると

ERROR in /js/app
Module not found: Error: Can't resolve '/Users/xxxx/プロジェクト名/resources/sass/app.scss' in '/Users/xxxx/プロジェクト名'

webpack compiled with 1 error
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! プロジェクト名@1.0.0 development: `mix`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the プロジェクト名@1.0.0 development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/xxxx/.npm/_logs/2021-05-17T05_47_54_592Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! プロジェクト名@1.0.0 dev: `npm run development`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the プロジェクト名@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/xxxx/.npm/_logs/2021-05-17T05_47_54_622Z-debug.log

のようなエラーが出てしまい先に進めません。

文章に言葉足らずな部分もありますがご教授いただければ幸いです。

Comments

[m.ts10806]

エラー無視するからでは

[AbeTakashi]

"ERROR in /js/app のようなエラーが出て…" ではなんの情報もなく、他の人には何が起きているかさっぱり分かりません。エラー内容を見て自分で理解や判断ができないのなら、まるっと載せましょう。質問文は編集できますので、回答者が回答するために必要な情報を正しく追記してください。

[itigo0216]

申し訳ございません。
自分自身どこまでエラー内容を載せたいいのか理解できておりませんでした。
エラー文を全て記載させていただきました。

[AbeTakashi]

npm run dev の前に npm install してますか？ sass sass-loader が入ってないようにも見受けられます。入っていたら別の原因ですのでスルーしてください。

[itigo0216]

npmはインストールしています。バージョンの確認を行ったところ6.14.13でした。

[AbeTakashi]

すいません、うまく伝わらなかったかもしれないのでもう少し詳細に書きます。

"sassやsass-loaderは入ってますか？" あまり見たことないエラーですが、ぱっと見た限りではsassやsass-loaderが入っていないようにも見受けられます。入っていないのなら "npm install" とコマンドをたたけばLaravelならデフォルトでインストールしてくれますはずですがどうでしょう。npmそのもののインストールやnpmのバージョンを聞いたわけではありません。入っていたらスルーして頂ければと思います。

[itigo0216]

すみません。質問の意味が理解できていませんでした。
スルーとありますが一応回答はさせていただきます。

laravelのpackage.jsonでも確認したところsassもsass-loaderもインストールされていました。

[AbeTakashi]

なるほど。そうすると違う原因ですね。"Module not found: Error: Can't resolve '/Users/xxxx/プロジェクト名/resources/sass/app.scss' in '/Users/xxxx/プロジェクト名'"が原因ですからLaravel-Mixやsass周りでなにか不具合が起きてるのだと思います。その辺のソースコードや関連情報も併せて提示されると原因が分かる人がいるかもしれません。お力になれずすいません。

[itigo0216]

いえいえ。
ご丁寧に教えていただきありがとうございます。

Answer 1

npmを再インストールすることで解決できました。