登录将重定向到该js文件后,DevTools无法解析SourceMap错误

Shi*_*iro 6 laravel vue.js

我是VueJS的新手。我正在关注YouTube教程之一,让我们通过Code Inspire构建多功能的Laravel + Vue应用程序

这是他的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//imgur.com/gZzcX5L

我使用Chrome和Firefox进行了测试,并检查了两者是否存在相同的问题。

但是在Chrome中,如果我不设置源地图,则不会出现此问题。

在此处输入图片说明

有人解决吗?编译源地图问题?js.map文件不存在。

Tin*_*mar 9

如果使用Laravel Mix,则可以通过在webpack.mix.js文件中调用mix.sourceMaps()方法来生成源地图。这样可以解决问题。

mix.js('resources/js/app.js', 'public/js').sourceMaps();
Run Code Online (Sandbox Code Playgroud)

Laravel Mix Source Maps文档


Shi*_*iro 8

我发现一个解决方案在创建了一个虚拟文件public/js/popper.js.map,然后它将恢复正常,基本上只是满足浏览器开发人员所需的工具,而不会重定向到该特定文件。

我相信这是浏览器开发人员工具的行为。

我从laraStart存储库所有者那里收到了解决方案。

当您遇到错误并编译JavaScript代码时,就会发生此错误。以后,修复它时,它将保留在缓存中并发生。请尝试再次编译脚本并登录以查看。

该解决方案也可以正常工作。

我跑npm updatenpm run dev,这是工作的罚款。