blocks|key|1678891|text|我认为这是由名为JavaScript和TypeScript的扩展引起的。这导致了.js和.ts文件(.jsx和.tsx+)的语法突出显示。这是最新版本(目前为1.73.1)的一个错误。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1678892|可以禁用扩展以启用语法高亮显示。|1678893|​|1678894|📷|atomic|offset|length|1678895|1678896|这个扩展现在已经更新，这个问题已经解决了。|1678897|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/3a09b32c36f1c7e6466aae3265c251f3.png|imageAlt^0|0|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@$I|10|J|11|1|12]]|A|$]]|$1|K|3|E|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|14|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U|V|-4]]]]

I think this was caused by the extension called JavaScript and TypeScript Nightly. This was causing the syntax highlighting for .js and .ts files (.jsx and .tsx too). This was more of a bug with the latest version (currently 1.73.1).
You can disable the extension to enable the syntax highlighting.
<a href="https://i.stack.imgur.com/MKkEc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MKkEc.png" alt="JavaScript and TypeScript Nightly" /></a>
<hr />
This extension has now been updated and this issue is fixed.

blocks|key|1678923|text|用户Haneen说是正确的，但是您可以安装一个工作正常的旧版本，而不是禁用它。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1678924|单击右下角→‘’→上的齿轮，选择一个旧版本。|1678925|右下角齿轮|1678926|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/74470708/visual-studio-code-syntax-highlighting-is-not-working-for-javascript-and-typescr/74470833#74470833|1|https://i.stack.imgur.com/VnFR5.png^0|0|9|0|0|0|0|5|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]]]

What <a href="https://stackoverflow.com/questions/74470708/visual-studio-code-syntax-highlighting-is-not-working-for-javascript-and-typescr/74470833#74470833">user Haneen said</a> was correct, but instead of disabling it, you can install an old version that works just fine.
Click the cog on the bottom right → 'Install Another Version' → select an older version.
<a href="https://i.stack.imgur.com/VnFR5.png" rel="nofollow noreferrer">Cog at bottom right</a>

blocks|key|1678977|text|是的，这正是由JavaScript和TypeScript夜间扩展引起的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1678978|您可以禁用或安装另一个版本(我建议安装以前的版本，因为当前版本有错误)。|1678979|​|1678980|📷|atomic|offset|length|1678981|1678982|我目前使用的版本是2022-11-13。|1678983|1678984|1678985|1678986|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/84b401aa1c99bf4254045f47e4f3ac00.png|imageAlt|1|https://developer.qcloudimg.com/http-save/yehe-900000/7be1db09878941ecb697950722011304.png^0|0|0|0|0|1|0|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|14|8|@]|9|@$I|15|J|16|1|17]]|A|$]]|$1|K|3|E|5|6|7|18|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|19|8|@]|9|@]|A|$]]|$1|N|3|E|5|6|7|1A|8|@]|9|@]|A|$]]|$1|O|3|G|5|H|7|1B|8|@]|9|@$I|1C|J|1D|1|1E]]|A|$]]|$1|P|3|E|5|6|7|1F|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X|Y|-4]]|Z|$5|T|U|V|A|$W|10|Y|-4]]]]

Yes, this is exactly caused by the JavaScript and TypeScript Nightly extension.
You can disable or install another version (I recommend installing the prior version since the current version has a bug).
<a href="https://i.stack.imgur.com/yVn4B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yVn4B.png" alt="Enter image description here" /></a>
I am currently using the version which was released 2022-11-13.
<a href="https://i.stack.imgur.com/H05Nn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H05Nn.png" alt="Enter image description here" /></a>

blocks|key|656100|text|JavaScript和TypeScript+Nightly的当前版本(v5.0.20221116)似乎破坏了语法高亮显示。降级到以前的版本可能会解决这个问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|656101|​|656102|📷|atomic|656103|656104|然而，这一问题在5.0.20221117中得到了解决。|656105|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/b727fbb6acbd5be0a0efee35ad5d10fd.png|imageAlt^0|0|T|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|K|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|15|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|O|$P|$5|Q|R|S|E|$T|U|V|-4]]]]

The current version (v5.0.20221116) for JavaScript and TypeScript Nightly seems to be breaking the syntax highlighting. Downgrading to a previous version might resolve this issue.
<a href="https://i.stack.imgur.com/0EpPD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0EpPD.png" alt="Enter image description here" /></a>
This was resolved in v5.0.20221117 however.

blocks|key|656114|text|另外，我删除了这个JavaScript和TypeScript+Nightly包，现在它对我来说很好。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|656115|市场上的模块：https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next|656116|entityMap|0|LINK|mutability|MUTABLE|url|https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next^0|9|T|0|7|2C|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@$9|T|A|U|1|V]]|E|$]]|$1|H|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

Also, I deleted this JavaScript and TypeScript Nightly package, and now it works fine for me.
The module on the marketplace: <a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-next" rel="nofollow noreferrer">JavaScript and TypeScript Nightly</a>

blocks|key|1679123|text|正如其他人所提到的，这两个最新版本给我带来了麻烦，但是5.20221115正在为我工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1679124|entityMap|0|LINK|mutability|MUTABLE|url|https://i.stack.imgur.com/LPEsk.png^0|R|A|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

As others mentioned, the two latest versions are causing issue for me, but <a href="https://i.stack.imgur.com/LPEsk.png" rel="nofollow noreferrer">5.20221115</a> is working for me.

blocks|key|656127|text|它是与JavaScript和TypeScript的最新更新修正的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|656128|entityMap^0|3|A|E|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

It was fixed with the latest update of <code>JavaScript</code> and <code>TypeScript</code> Nightly.

This suddenly happened after I created a new file while working on a project. Almost all characters are simply white text (except for brackets, because I have bracket pair colorization enabled)
<a href="https://i.stack.imgur.com/9A2HY.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9A2HY.png" alt="First image showing how JavaScript and TypeScript syntax highlighting is not working" /></a>
<a href="https://i.stack.imgur.com/gzX6N.png" rel="noreferrer"><img src="https://i.stack.imgur.com/gzX6N.png" alt="second image showing how JavaScript and TypeScript syntax highlighting is not working" /></a>
<a href="https://i.stack.imgur.com/iLI6v.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iLI6v.png" alt="third image showing how JavaScript and TypeScript syntax highlighting is not working" /></a>
I already tried resetting my configurations, checked my configurations (both globally and in my workspace), and tried <a href="https://marketplace.visualstudio.com/items?itemName=evgeniypeshkov.syntax-highlighter" rel="noreferrer">this extension</a> that offers an alternative syntax highlighting (which worked, but I would prefer using the Visual Studio Code one).

Visual Studio Code syntax highlighting is not working for JavaScript and TypeScript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

当我在处理一个项目时创建了一个新的文件后，这种情况突然发生了。几乎所有字符都是白色文本(除了括号，因为我启用了括号对着色)。​​​​​​我已经尝试重置我的配置，检查我的配置(包括全局配置和工作区配置)，并尝试了提供替代语法高亮显示的 (这是有效的，但我更喜欢使用Visual 1)。

问Visual代码语法突出显示不适用于JavaScript和TypeScript
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Visual代码语法突出显示不适用于JavaScript和TypeScriptEN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Visual代码语法突出显示不适用于JavaScript和TypeScript
EN