Chrome源未显示从Typescript生成的文件，并且具有源地图

Question

我有一个由sapui5作为控制器动态加载的文件。我已经改变了我的代码，以便我可以利用Typescript进行智能感知和故障检测。

我的JS文件已成功创建，并可在Chrome中正常运行。 DevTools / Sources / Network窗口没有列出我的'FinalAssembly.controller.js'文件，也没有列出类似命名的'FinalAssembly.controller.ts'文件。

我发现如果从文件底部删除'//＃sourceMapURL ='行，Chrome最终会列出我的JS文件。

我读过在我文件顶部使用'//＃sourceURL ='行会导致我的文件被列出，但事实并非如此，我读到使用此指令应该允许我要更改“源”列表中显示的名称，它不会。 Chrome似乎忽略了这一指令。

截至今天，Chrome表示它是66版本的最新版本。我在过去4小时内阅读了大量文章和Github问题，表明源地图往往存在问题，并且在某些版本的Chrome中可能会失败

地图文件本身可以在Internet Explorer中运行，但我无法真正看到自己在开发中。

有人在Chrome 66中使用源地图调试了JS吗？有人可以建议我如何在Chrome中调试我的地图文件使用情况吗？

我已经在我的网站上通过VSCode（tsc.exe）创建了一个非常简单的测试：http://www.ia.uk.com/TypescriptTest/default.htm - 在我的Chrome 66上，这个似乎根本没有下载地图文件（Fiddler没有看到任何要求）。不显示代码的任何TS视图。根据我原来的问题，这不是动态加载的库，但确实表明存在问题。

Answer 1

只需打开devTools并重置浏览器。

Answer 2

确保您的Angular应用已启动。

如果您的Angular应用未启动，则您无法在Chrome中看到.ts文件。因此，您需要首先运行Angular应用。