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

Question

最近我遇到了一个问题,我正面临着在Visual Studio代码上编写React应用程序的问题.由于这个问题,每当我在React Component的render函数中编写JSX并保存它时,它就会搞砸(我的意思是缩进会变得混乱).见图:

此错误也显示如下错误:1.未公开的正则表达式

怎么解决这个？

Answer 1

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

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

Answer 2

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

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

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

(这些扩展非常棒.但是禁用它们帮助我解决了我的这个问题,对任何人都没有冒犯.)

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

{
    "esversion": 6
}

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

希望我的回答有所帮助

Answer 3

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

jshint

dbaeumer.jshint
德克·鲍默

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