来自已编译javascript和源映射的typescript的原始源代码

来自已编译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) 因此,我尝试在浏览

我以前没有使用过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)
因此,我尝试在浏览器中查看原始源文件(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本身。