[Laravel8]Unable to locate Mix file:エラーで苦戦。解決方法（css,js も）

LaravelでCSSを追加したらこのようなエラーがでた。

これがくせ者でなかなか直らない。。
疑うところその１

コメントアウト

元に戻したはずなのに、このエラーで何もできない。

そんな時は、コメントアウトで元に戻したつもりになっていて、実は{{ }}が有効になっていてコメントアウトできていない場合がある

<-- <link rel="stylesheet" href="{{ asset(mix('css/jpn.min.css')) }}" /> -->

こんな感じ。これでは{{ }}が有効になっていてエラーになる。comment out not work.

こうしないとコメントアウトできない

{{-- <link rel="stylesheet" href="{{ asset(mix('css/jpn.min.css')) }}" /> --}}

疑うところその2

ビルドできているか

ここに来て既に調べている人は、

npm run dev

を試しているかも知れない。

それでもダメな場合は、

npm install yarn
yarn install
yarn dev

これを試してみよう！

疑うところその３

webpackに追記できているか

Laravelのプロジェクトフォルダのルート直下に「webpack.mix.js」があると思います。
mixで追加したいCSSやJSはここに追記してあげる必要がある。

ちなみに mix-manifest.jsonに直接入力してもその時だけでビルドし直すと、「webpack.mix.js」に入っていないものは消えてしまうので、気をつけてね！

入れる方法は、
CSS

mix.styles('public/css/hogehoge.css', 'public/css/jpn.min.css')

のようにして、「webpack.mix.js」に追記してあげる。
hogehoge.cssにあらかじめ、jpn.min.cssの内容を入れておかないと、第一引数と第二引数が同じだと、中身が消えてしまいます。

hogehoge.cssの内容がビルドされてjpn.min.cssになる

JS

は

mix.js(....

ですね。

これでどうでしょう？

私はこれでエラー回避できましたよ！！