我使用webpack为典型的angular项目生成bundled.js文件。现在我将其部署到Web服务器上。bundle.js文件最后有以下内容
//# sourceMappingURL=main.bundle.js.map
然而Chrome似乎无法检测到有源代码映射可用。 它甚至没有显示源代码映射可用的图标。 我该如何解决这个问题？ 另外，源代码映射路径应该是http://url/main.bundle.js.map吗？ Chrome如何知道从哪里加载源代码映射？
Chrome浏览器，源映射无法加载。
14
- tmp dev
1
参见：在Chrome中检测到源映射，但原始源未加载 - KyleMit
2个回答
2
对于谷歌浏览器，源代码映射也无法加载/运行。我一直看到的是bundle.js文件。但是，在其他与Chrome相关的浏览器中，如Brave，它可以正常工作。所以我只需进入我的Chrome浏览器开发工具设置>首选项，然后在右下角点击“恢复默认值并刷新”按钮，然后它就可以正常工作了。
- V.Villacis
1
1不确定为什么它能够工作，但是它确实做到了，谢谢！ - Tekeste Kidanu
-1
这些是你正在寻找的符文（chromeDevTools）：
将 webpack://./ 映射到 /
- jake
2
3请问能否请您详细说明一下，@jake？这解决了哪个潜在的问题？ - Luke Griffiths
这告诉 Chrome，Webpack 虚拟目录下的文件应该映射到你的项目目录。 - jake
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接