BLOGブログ

Laravel5 Safariで閲覧!なぜかpopper.js 404(Not Found)

takefushi / 2019.08.24

Web関連 その他 システム開発

見出しのとおり、Laravel5.8にBootstrapを入れて、Safariで閲覧したら以下のようなエラーが発生しました。

Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8000/js/popper.js.map

なにこれ?ChromeやFirefoxでは何もエラーでない。。。

原因を調べると以下の吐き出されたapp.js内の以下が原因っぽい。こいつを削除すると消えるとか。

//# sourceMappingURL=popper.js.map

でも、そうなるとpopper.jsいじることになってしまうので、美しくない。。

なので、sourceMapsを使って直します。

とりあえず、webpack.mix.jsに以下を追加。

mix.sourceMaps().js('node_modules/popper.js/dist/popper.js', 'public/js').sourceMaps();

そして、コンソールで、npm run watchを再実行。

すると、public/js内にpopper.jsが生成され、Safariで出ていたエラーが解消。

悩まれている方は、ぜひお試しあれ!

GoogleのAI検索で「Cruwのブログ」を優先表示しませんか?

Googleの最新機能では、お気に入りのサイトを「優先するソース」として登録できるようになりました。登録していただくと、GoogleのAIモードやAI Overviewsが回答をつくる際、当サイトの情報を優先的に参照・表示してくれるようになります。

これからも地域ビジネスに役立つ最新のWebマーケティング情報を発信していきますので、ぜひ優先ソースへのご登録をお願いいたします!