React Visual Studio Code 显示红色括号，而代码正确

Question

这是我在整个课程中构建的非常简单的组件（最近我开始学习 React）。仅当我在

<div></div>

内添加美元符号并与

{}

组合时，才会出现此“错误”。既然代码在 Node.js 环境中运行没有任何错误，为什么我的 IDE 表现如此奇怪？我认为设置可能有问题，但这只是我的假设。有人以前遇到过这个问题或者知道如何解决它吗？这对我来说有点令人沮丧，尤其是当我刚刚学习框架时，IDE 在没有错误的地方显示错误。

Answer 1

我刚刚找到了解决方案。这是 Bracket Pair Colorizer 2 扩展。禁用后问题就消失了。

Answer 2

在我的例子中，是 Prettier 扩展导致了这些随机的红色括号。禁用它立即解决了问题。