ログイン後にDevToolsがSourceMapエラーを解析できなかったため、そのjsファイルにリダイレクトされます。質問する

ログイン後にDevToolsがSourceMapエラーを解析できなかったため、そのjsファイルにリダイレクトされます。質問する

私は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();

Laravel Mix ソースマップのドキュメント

おすすめ記事