Javascript 浏览器使用错误路径加载的Typescript js.map文件

我不明白为什么我的浏览器试图用错误的路径加载我的

js.map

文件

以下是我的

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

中。但是我以前做过，效果很好，所以我不理解这里的问题。

我的最佳猜测是您需要更改

sourceRoot

config属性以指向正确的路径；）

比如：

{“版本”：3，“文件”：“Spinner.js”，“sourceRoot”：“/scripts/”，

---

应该这样做。

我猜问题出在你的grunt任务中的某个地方。你是如何注入HTML include语句的？我假设这也是一个grunt任务。是的！这是因为

sourceRoot

config属性，我刚刚将它更改为另一个值，它再次工作：）非常感谢你的提示！如果你想如果回答得当，我很乐意给你赏金：）啊，太好了！我实际上只习惯于吞咽（几周前我的吞咽文件也有类似问题），所以无法写出一个好的答案。很高兴我能帮上忙！谢谢你的赏金姿态！：）不过，如果你坚持的话…）