我不明白为什么我的浏览器尝试使用错误的路径加载js.map
文件。
以下是我在<head>
HTML部分中的内容:
以下是它尝试加载的内容:
错误的是它尝试将文件加载到文件夹assets
中,该文件不存在。正确的路径是scripts/widget/Spinner.ts
。
我可以使用正确的路径直接访问文件,它可以正常工作(通过URL),也可以正确加载JS文件。
所以我猜.js.map
文件以某种方式引用相关TS的错误路径(我不确切知道它在幕后的工作原理)。
以下是Spinner.js.map
文件的内容:
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../assets/scripts/widget/Spinner.ts"],"names":["Payline","Payline.Spinner","Payline.Spinner.constructor","Payline.Spinner.spin","Payline.Spinner.getSpinnerLibrary","Payline.Spinner.autorun","Payline.Spinner.hide","Payline.Spinner.show"],"mappings":"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"}
可能令人困惑的是我的源文件位于assets/scripts/...
,但被Grunt复制到WebContent/scripts
。但我之前做过这个并且工作正常,所以我不明白这个问题。
答案 0 :(得分:1)
我最好的猜测是你需要更改sourceRoot
config属性以指向正确的路径;)。
类似的东西:
{"version":3,"file":"Spinner.js","sourceRoot":"/scripts/",
...
应该这样做。