ESLint React JSX关闭标记/解析错误

时间：2018-11-30 17:29:23

标签： reactjs jsx eslint

我正在尝试在我的React项目上设置ESLint。

在我的项目中本地安装了eslint和eslint-plugin-react。

还使用VSCode ESLint扩展名（但我尝试了没有此扩展名的情况，并且也遇到了相同的掉毛错误）。

在下面，您可以看到我的.eslintconfig.json文件和依赖项版本。我已启用JSX。

在这些结束标签上我总是出错。

似乎是什么问题？我无法消除此错误，而只是简单的结束标记。

非常感谢。

index.js file

app.js file

ESLint errors

.eslintconfig file

package.json file

1 个答案:

答案 0 :(得分：0)

这似乎是由于eslint软件包和某些babel软件包之间的某种冲突引起的，因为当我仅使用eslint和{{ 1}}的{​​{1}}配置效果很好。

我以前没有安装react，并且使用的是.eslintrc.json随附的默认解析器。

要解决此问题，我必须安装babel-eslint软件包并将其用作eslint软件包的解析器。现在一切正常，这些错误都消失了。

尽管babel-eslint文档说您不必仅因为使用eslint而使用它，但在我的情况下，还是将其与babel-eslint和{{ 1}}解决了这个问题。

新的babel配置文件：

enter image description here

相关问题
最新问题