React 给了我红色下划线错误，但没有错误

Question

视觉代码在行中给出错误，但这些行中没有错误。

Answer 1

请将您的文件重命名为“todo.jsx”。

说明：

VSCode 和其他 IDE 根据文件扩展名选择解析器。对于 VSCode，看起来您正在创建一个“普通”JavaScript 文件。但 JavaScript 不识别标签，因此您会收到错误消息。

一个小补充：如果您曾经在 React 中使用过 TypeScript，同样适用：您应该选择 .tsx 扩展名，而不是 .ts 扩展名。

Answer 2

看起来您的文件名为

ToDO.js

。由于您使用的是 JSX 语法，因此应为该文件提供

.jsx

扩展名，以便 VSCode 知道应如何解析其语法（以及显示哪些错误）。

所以，将其重命名为

ToDO.jsx

。

Answer 3

在我的例子中，是一个扩展（名为 ESLint），它会导致红色下划线，没有错误。