LaravelでCSSを追加したらこのようなエラーがでた。
Unable to locate Mix file: /css/jpn.min.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(....
ですね。
これでどうでしょう？
私はこれでエラー回避できましたよ！！