web-dev-qa-db-ja.com

ログインがそのjsファイルにリダイレクトされた後、DevToolsはSourceMapエラーの解析に失敗しました

VueJSは初めてです。私はYouTubeチュートリアルの1つに従っています多目的を構築しましょうLaravel + Vue Application by Code Inspire

これは彼の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を削除してから、通常の状態に戻します。 enter image description here

両方のプロジェクトで、inspectを実行します。 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://imgur.com/gZzcX5L

私はChromeとFirefoxでテストしましたが、どちらも同じ問題が発生することを検査しています。

しかし、Chromeでは、ソースマップの設定をオフにすると、この問題は発生しません。

enter image description here

誰でもそれを修正する方法は？ソースマップの問題をコンパイルしますか？ js.mapファイルが存在しません。

laravelvue.js
9
Shiro

私は1つのソリューションがpublic/js/popper.js.mapでダミーファイルを作成し、それが通常に戻り、基本的に必要なブラウザー開発者ツールを満たすだけで、その特定のファイルにリダイレクトされないことを発見しました。

これはブラウザ開発ツールの動作だと思います。

LaraStartリポジトリの所有者から解決策を受け取りました。

このエラーは、エラーが発生し、JavaScriptコードをコンパイルしたときに発生します。後で修正すると、キャッシュに残り、発生します。スクリプトをもう一度コンパイルして、ログインして確認してください。

ソリューションも機能しています。

npm updateとnpm run devを実行していますが、正常に動作しています。

9
Shiro

Laravel Mixを使用する場合、webpack.mix.jsファイルのmix.sourceMaps（）メソッドを呼び出すことでソースマップを生成できます。これにより問題が解決します。

mix.js('resources/js/app.js', 'public/js').sourceMaps();

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

11
Tina Hammar

私の場合、2つのSourceMapエラーがあるため、前の2つの回答が適用されました。 1）webpack.mix.jsファイルのmix.js関数にsourceMaps（）を追加する

mix.js('resources/js/app.js', 'public/js').sourceMaps();

popper.jsソースマップエラーを削除します。

2）toastr.jsソースマップエラーを削除するために、toastr.js.mapをpublic/jsフォルダーに追加します。

1
Jun Salen

「ファイルを探す」を開き、コメントのあるコード行をすべて見つけます。

sourceMappingURL=...

それぞれのコメント行全体を削除します。

ここでpublic/app.jsに3つのエントリがあり、popper.jsの最後に1つあるはずです。

Braveシールドまたは広告ブロッカーを使用している場合は、オフにします

0
Jacob Bradley

最善の解決策は、popper.js.minを

node_modules-popper.js-dist-> popper.js.min

これは私の頭痛を解決しました

0
Alphas Bravos