来自已编译javascript和源映射的typescript的原始源代码
我以前没有使用过sourcemaps和typescript,所以请记住这一点 我必须处理一个从多个typescript文件编译成单个javascript文件的项目 我有以下可用文件:来自已编译javascript和源映射的typescript的原始源代码,javascript,google-chrome,firefox,typescript,source-maps,Javascript,Google Chrome,Firefox,Typescript,Source Maps,我以前没有使用过sourcemaps和typescript,所以请记住这一点 我必须处理一个从多个typescript文件编译成单个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) 因此,我尝试在浏览
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)
因此,我尝试在浏览器中查看原始源文件(original.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>
404找不到
找不到
在此服务器上找不到请求的URL/path/source/file/file.ts
我可以查看原始的.ts文件吗?编译后的lib.js文件非常大(2MB+),使用它是一场噩梦
提前谢谢你的帮助 查看生成.js文件的最后一行是否是地图文件的路径。如果使用Chrome或Firefox,路径必须是相对的。如果路径为绝对路径,则会出现404错误。 更改此项: //#sourceMappingURL:X/path/AdvantageClientAD.js.map 为此: //#sourceMappingURL:AdvantageClientAD.js.map
如果您的ts文件与部署的.js文件位于同一个项目中,则此项工作正常。但是,如果您在其他项目中有您的typescript文件,则不会。您确定您的web服务器上存在ts文件,并且web服务器提供ts文件(某些web服务器只提供某些文件类型)吗。如果您试图从web浏览器访问ts文件,那么您应该可以像访问任何其他资源(js、html、图像)一样访问它。如果浏览器无法以这种方式访问ts文件,它将默认返回给您显示javascript。因此,这意味着我必须拥有原始的.ts文件:[很遗憾,我没有这些文件,是否有可能从我帖子中的三个文件中生成它们?抱歉,没有办法(我知道,它不太可能存在)从js、.d.ts和js.map生成ts。其中任何一个都没有原始源代码。*.js只是javascript,没有任何ts属性,.d.ts只包含可公开访问的符号,*.js.map只指定js如何映射到ts文件,但不包含ts本身。