我是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文件不存在。
如果使用Laravel Mix,则可以通过在webpack.mix.js文件中调用mix.sourceMaps()方法来生成源地图。这样可以解决问题。
mix.js('resources/js/app.js', 'public/js').sourceMaps();
Run Code Online (Sandbox Code Playgroud)
我发现一个解决方案在创建了一个虚拟文件public/js/popper.js.map,然后它将恢复正常,基本上只是满足浏览器开发人员所需的工具,而不会重定向到该特定文件。
我相信这是浏览器开发人员工具的行为。
我从laraStart存储库所有者那里收到了解决方案。
当您遇到错误并编译JavaScript代码时,就会发生此错误。以后,修复它时,它将保留在缓存中并发生。请尝试再次编译脚本并登录以查看。
该解决方案也可以正常工作。
我跑npm update和npm run dev,这是工作的罚款。
| 归档时间: |
|
| 查看次数: |
4489 次 |
| 最近记录: |