React JSX 错误:未关闭的正则表达式

IT技术 reactjs visual-studio-code jsx
2021-04-30 11:06:02

最近我遇到了在 Visual Studio 代码上编写 React 应用程序的问题。由于这个问题,每当我在 React 组件的渲染函数中编写 JSX 并保存它时,它都会变得一团糟(我的意思是缩进会变得一团糟)。看图: 在此处输入图片说明

此错误还显示如下错误: 1. 未关闭的正则表达式

如何解决这个问题?

4个回答

如果您正在使用jshint插件,请将其删除并安装ESLint插件。

它是jshintreactJS 工作的一个很好的替代品

我尝试了几个选项,例如创建 .eslintrc 文件或 .jshintrc 文件。

但事实证明,在我的 Visual Studio Code IDE 中,有第三方扩展(eslint/jslint/tslint/beautify/jsformatter 等)在我的 JSX 代码中造成了很大的混乱。

我不得不去扩展并禁用所有可能妨碍 React 框架的 linting 和代码清理的自然过程的扩展。

在此处输入图片说明

(这些扩展真的很棒。但是禁用它们帮助我解决了我的这个问题,没有冒犯任何人。)

如果您遇到同样的问题并且在添加带有内容的 .jshintrc 事件后问题仍然存在:

{
    "esversion": 6
}

然后考虑禁用第三方扩展。

希望我的回答有帮助。

为我做的扩展是......

jshint

dbaeumer.jshint
德克·鲍默

正如@abhay-shiro 所说,禁用一些扩展通常可以解决问题。

我遇到了同样的问题,但它是导致错误的“美化”扩展,我卸载了它并安装了更漂亮的。它解决了这个问题。