时间戳

首页 > 解决方案 > 在 chrome devtools 中，在我所有的 tsx 源文件中，语法高亮和智能感知不再起作用

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

问题描述

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

调试 .ts 文件时它正常工作： 在此处输入图像描述

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

在此处输入图像描述

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

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

标签： typescriptgoogle-chrome-devtoolstsx

解决方案

终于设法解决了这个问题。

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

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

AddType application/javascript .tsx

推荐阅读