在 chrome devtools 中，在我所有的 tsx 源文件中，语法高亮和智能感知不再起作用

Posted 2023-02-21

【中文标题】在 chrome devtools 中，在我所有的 tsx 源文件中，语法高亮和智能感知不再起作用

【英文标题】：In chrome devtools, in all my tsx source files, syntax highlighting and intellisense no longer work

【发布时间】：2019-04-23 03:40:27

【问题描述】：

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

在调试 .ts 文件时正常工作：

源地图从它仍然工作时起没有变化。 但是 .tsx 文件现在看起来像这样.. 所有的代码都是黑色，而不是用样式表示关键字/字符串等之间的差异。而且在调试（确实有效）时，我无法悬停变量来查看它们的值。

知道如何解决这个问题吗？

编辑：我曾经通过发送内容类型标头解决了这个问题，如下面的答案所述。但是现在问题又回来了，即使当我在新选项卡中打开源文件时，我可以看到 Content-Type 是“application/javascript”

【问题讨论】：

你用过 webpack/babel 吗？如果有，请附上配置文件。

如果它曾经有效而现在无效（尽管显示了正确的内容类型），我建议在 Chromium 上提交问题。

【参考方案1】：

终于解决了这个问题。

如this question 中所述，如果您手动让网络服务器为 tsx 文件返回正确的 mime-type，chrome 将用颜色显示它们并再次允许正确调试。

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

AddType application/javascript .tsx

【讨论】：

我目前遇到了同样的问题（同样的症状），而对你有用的解决方案对我却没有。

@Niitaku 稍晚一点，但请检查更新的答案，以防您再次发生这种情况