Laravel

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

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

Unable to locate Mix file: /css/jpn.min.css。。。。

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

コメントアウト

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

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

<-- <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

これを試してみよう!

 

疑うところその3

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(....

ですね。

これでどうでしょう?

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

-Laravel

© 2024 青い空とコーヒーと