代码之家  ›  专栏  ›  技术社区  ›  Shiro

登录后,devtools无法分析sourcemap错误,将重定向到该js文件。

  •  1
  • Shiro  · 技术社区  · 7 年前

    我是Vuejs的新手。我在遵循YouTube教程之一,让我们通过代码激励构建一个多用途Laravel+Vue应用程序。

    这是他的Github软件包。 https://github.com/Hujjat/laravStart

    我注意到了。当我注销并再次登录时,它将重定向到.js文件。

    我的情况是: http://laravel-vuejs.test/js/popper.js.map

    我克隆了他的项目。我尝试了inspect,我登录,注销和登录。它将重定向到 http://laravstart.test/js/laravel-vue-pagination.common.js.map

    显示404错误。每次移除/js/xxxx.js.map,都会恢复正常。 enter image description here

    我的两个项目,当我运行inspect时。我注意到有铬警告。

    devtools无法分析源映射: http://laravstart.test/js/laravel-vue-pagination.common.js.map

    devtools无法分析源映射: 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文件不存在。

    1 回复  |  直到 7 年前
        1
  •  1
  •   Shiro    7 年前

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

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

    我收到了Larastart repo所有者的解决方案。

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

    解决方案也在发挥作用。

    我跑 npm update npm run dev ,工作正常。