Question

之前我没有使用过sourcemaps和打字稿，所以请记住这一点。

我必须处理一个项目，该项目是从多个打字稿文件编译成单个javascript文件的。

我有这些文件：

lib.js (the compiled js code of the project)
lib.js.map (the source map of the lib.js)
lib.d.ts (the "header" of the lib.js before it was compiled)

所以我尝试在浏览器中查看原始源文件（原始.ts文件），但它们在chrome和firefox中都是空白的，并在其中输出此消息：

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /path/source/file/file.ts was not found on this server. </p>
</body></html>

我可以以某种方式查看原始的.ts文件，编译的lib.js文件很大（2MB +），这是一个噩梦。

提前感谢您的帮助！

Answer 1

查看生成.js文件的最后一行是否是地图文件的路径。如果您使用Chrome或Firefox，则路径必须是相对的。如果路径是绝对路径，则会出现404错误。改变这个：

//＃sourceMappingURL：X; /path/AdvantageClientAD.js.map

对此： //＃sourceMappingURL：AdvantageClientAD.js.map

如果您的ts文件与部署.js文件位于同一项目中，则此工作。但如果你在其他项目中有你的打字稿文件，那就没有了。

来自已编译的javascript和源映射的打字稿的原始来源

1 个答案: