Typescript 在ChromeDevTools中,在我所有的tsx源文件中,语法高亮显示和intellisense不再工作

Typescript 在ChromeDevTools中,在我所有的tsx源文件中,语法高亮显示和intellisense不再工作,typescript,google-chrome-devtools,tsx,Typescript,Google Chrome Devtools,Tsx,在扩展名为.tsx的文件中,调试功能不再适用于我 调试.ts文件时,它正常工作: 源映射从其仍在工作时起保持不变。 但是.tsx文件现在看起来像这样。。 所有的代码都是黑色的,而不是用来表示关键字/字符串之间的差异的样式。。当调试(确实有效)时,我不能悬停变量来查看它们的值 你知道怎么解决这个问题吗 编辑:我曾经通过发送内容类型标题解决了这个问题,如下所述。但现在问题又回来了,即使当我在一个新选项卡中打开源文件时,我可以看到内容类型是“application/javaScript”最终解决了

在扩展名为.tsx的文件中,调试功能不再适用于我

调试.ts文件时,它正常工作:

源映射从其仍在工作时起保持不变。 但是.tsx文件现在看起来像这样。。 所有的代码都是黑色的,而不是用来表示关键字/字符串之间的差异的样式。。当调试(确实有效)时,我不能悬停变量来查看它们的值

你知道怎么解决这个问题吗


编辑:我曾经通过发送内容类型标题解决了这个问题,如下所述。但现在问题又回来了,即使当我在一个新选项卡中打开源文件时,我可以看到内容类型是“application/javaScript”

最终解决了这个问题

如中所述,如果手动让Web服务器为tsx文件返回正确的mime类型,chrome将用颜色显示这些文件,并允许再次进行适当的调试

对于我来说,对于Apache服务器,我将其包含在httpd.conf中


AddType应用程序/javascript.tsx

我目前也有同样的问题(同样的症状),而对你有效的解决方案对我来说并不适用。@Niitaku过了一段时间,但请检查更新的答案,以防这种情况再次发生在你身上。你使用过webpack/babel吗?如果是这样的话,请附上配置文件。如果它过去可以工作,但现在不行(尽管显示了正确的内容类型),我建议在Chromium上提交一个问题。