私はVueJSの初心者です。Code InspireのYouTubeチュートリアル「Let's Build a Multi-Purpose Laravel + Vue Application」に従っています。
これは彼のgithubパッケージです。https://github.com/Hujjat/laravStart
気づきました。ログアウトして再度ログインすると、.js ファイルにリダイレクトされます。
私の場合:-http://laravel-vuejs.test/js/popper.js.map
そして彼のプロジェクトをクローンしました。検査してログインしてログアウトしてログインしてみました。リダイレクトされますhttp://laravstart.test/js/laravel-vue-pagination.common.js.map
404 エラーが表示されます。毎回 /js/xxxx.js.map を削除して、通常の状態に戻します。
私のプロジェクトの両方で、検査を実行すると、Chrome の警告が表示されることに気付きました。
DevTools は SourceMap を解析できませんでした:http://laravstart.test/js/laravel-vue-pagination.common.js.map
DevTools は SourceMap を解析できませんでした:http://laravel-vuejs.test/js/laravel-js/popper.js.map
重要な注意点これは、Chrome の検査ウィンドウを開いたときにのみ発生します。閉じると、通常の状態に戻り、JS ファイルにリダイレクトされなくなります。
スクリーンレコード:https://i.sstatic.net/vV3G9.jpg
Chrome と Firefox で検査してテストしましたが、どちらも同じ問題が発生しました。
しかし、Chrome でソースマップの設定をオフにすると、この問題は発生しません。
誰かこれを修正する方法はありますか? ソースマップのコンパイルの問題ですか? js.map ファイルが存在しません。
ベストアンサー1
Laravel Mix を使用する場合は、webpack.mix.js ファイルで mix.sourceMaps() メソッドを呼び出すことでソースマップを生成できます。これにより、問題は解決されます。
mix.js('resources/js/app.js', 'public/js').sourceMaps();