VSCODE Javascript 模板字符串以不确定的方式变白并丢失高亮

VSCODE Javascript template string become white and lost highlight in a non deterministic way

不知道具体怎么用文字表达来查找相关问题。在某些情况下,显然是随机的,当使用 JavaScript 字符串模板时,文本编辑器会变成白色,并带有粗体文本,这使得编辑代码变得非常困难。

问题的首次出现是在我开始使用 javascript 字符串进行 GraphQL 查询时,然后它开始出现在使用 React 并且主要是故事书时。

问题并不总是立即出现,例如,我正在编辑代码并且它完美运行,当我重新启动机器并重新打开时vscode,模板是这样的。

问题是,这个问题的根源是什么,我该如何解决才能保持原来的高光正常工作?

[编辑] 禁用所有扩展后,问题仍然存在。

这是没有扩展的最小示例:

const text1 = `
  This is a test
`

const text2 = `
  This is a test ${string}
`

const text3 = `
  This is a test this is a test ${string}
`

设置为在任何可能的情况下都保留类似 text1 和 text2 的字符串的确切 vscode 配置是什么?

试了没效果,没法测试。这意味着两件事:

  1. 您的 vscode 上安装了另一个扩展程序,该扩展程序存在错误或与原始编辑器的颜色验证冲突。

  2. 您的 vscode 关闭了一些设置。

我想第一个是正确的。请禁用所有扩展并测试是否可以,然后将它们一个一个打开,看看哪个有问题。

写完后看到上面的评论。而且好像Matt Bierner也提到了类似的东西。如果这行得通,就早点给他点个赞吧 ;)

我遇到了同样的问题,在禁用 Babel ES6/ES7 扩展后修复了我。

对我来说,我禁用了 mysql-inline-decorator 扩展并且它有效,所以如果你安装了它,请删除或禁用它!