React JSX错误：未关闭的正则表达式答案

【问题标题】：React JSX error : Unclosed regular expressionReact JSX错误：未关闭的正则表达式
【发布时间】：2017-12-05 07:19:44
【问题描述】：

最近，我在 Visual Studio 代码上编码 React 应用程序时遇到了问题。由于这个问题，每当我在 React 组件的渲染函数中编写 JSX 并保存它时，它就会变得混乱（我的意思是缩进会变得混乱）。见图片：

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

如何解决？

【问题讨论】：

【解决方案1】：

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

它是 reactJS 工作中 jshint 的一个很好的替代品。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

为我做的扩展是...

jshint

dbaeumer.jshint
Dirk Baeumer

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

【讨论】：

【解决方案4】：

我通过在 Visual Studio 2015 中禁用显示语法错误复选框解决了这个问题。

工具 -> 选项 -> 文本编辑器 -> javascript -> 智能感知 -> 常规 -> 显示语法错误（禁用）

【讨论】：

【解决方案5】：

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

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

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

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

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

{
    "esversion": 6
}

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

希望我的回答有所帮助。

【讨论】：