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

Posted 2023-02-21

【中文标题】React JSX错误：未关闭的正则表达式

【英文标题】：React JSX error : Unclosed regular expression

【发布时间】：2017-12-05 07:19:44

【问题描述】：

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

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

如何解决？

【参考方案1】：

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

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

【讨论】：

之后你应该重启电脑清理内存。

重启VS Code就够了。

【参考方案2】：

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

【参考方案3】：

为我做的扩展是...

jshint

dbaeumer.jshintDirk Ba​​eumer

正如@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

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

希望我的回答有所帮助。

【讨论】：

我很确定这只是格式化程序。自动格式化程序有很多问题。一次使用多个格式化程序是不可能的。一次使用多个 linter 可能是不必要的。

确实没有必要。我只是无缘无故地把那些短绒放在那里，这就是问题的根源。

你帮帮我

这个答案导致我禁用 JSHint 解决了我的问题。