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で出ていたエラーが解消。

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