Question

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

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

如何解决这个问题？

Answer 1

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

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

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

（这些扩展非常棒。但是禁用它们有助于我解决我的这个问题，对任何人都没有冒犯。）

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

{
    "esversion": 6
}

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

希望我的回答有所帮助。

Answer 2

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

它是ReactJS工作中jshint的很好替代。

Answer 3

为我做的扩展是...

jshint

dbaeumer.jshint
德克·鲍默

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

Answer 4

我遇到了同样的问题，但是它是导致错误的“美化”扩展程序，我将其卸载并安装了漂亮的文件。它解决了这个问题。

Answer 5

我在visual studio 2015中通过禁用show syntax errors复选框解决了这个问题。

工具 - ＆gt;选项 - ＆gt;文本编辑器 - ＆gt; javascript - ＆gt; intelliSense - ＆gt;一般 - ＆gt;显示语法错误（禁用）