Chrome不会为我们的HTML中包含的脚本加载我们的源地图:
<script type="text/javascript">!function t(n,e,r){ /* more code */}()
//# sourceMappingURL=public/js/edit-before.js.map
</script></body>
我知道Chrome不会请求源地图,因为我将服务器设置为记录所有请求并检查Chrome网络控制台。我验证了源地图的路径是正确的,浏览器只是没有点击它。
Chrome应该在script
代码中为JS加载源代码?如果是这样,我做错了什么?
答案 0 :(得分:0)
对我来说,它目前可以在Chrome浏览器中运行(也许直到提出问题时才开始),但仍不能在Firefox中使用。但是路径必须是正确的,在这种情况下,是相对于执行脚本标签的页面的绝对URL或相对URL!
因此,具有public/js/edit-before.js.map
之类的路径和/home/index.html
之类的页面将导致/home/public/js/edit-before.js.map
。想象一下,如果您在/blog/2019/01/01/12345/article.html
之类的页面上使用脚本标签会发生什么。因此,最好使用https://example.com/public/js/edit-before.js.map
。
通常,您必须在浏览器中启用源地图才能看到它们,如此处https://stackoverflow.com/a/37190189/2590616所述。