const Index = () => (
<div>
<p>Hello World</p>
<Link href="/posts">
<a>Posts</a>
</Link>
</div>
)
ESLint 正在为结束标记 </p>
返回解析错误(意外标记)。我错过了什么? JSX 中不允许使用普通的 HTML 属性吗? ( div
似乎工作正常)
确切的错误是:
[eslint] Parsing error: Unexpected token "/"
- ESLint 已安装
- ESLint React 已安装
- ESLint React 配置在
.eslintrc.json
编辑:
- 使用 VS 代码(使用 ESLint 插件)
部分 .eslintrc.json
:
"env": {
"browser": true,
"commonjs": true,
"es6": true
},
"extends": "eslint:recommended",
"parserOptions": {
"ecmaFeatures": {
"experimentalObjectRestSpread": true,
"jsx": true
},
"sourceType": "module"
},
"plugins": [
"react"
],
"rules": {
...
}
原文由 janniks 发布,翻译遵循 CC BY-SA 4.0 许可协议
我不确定是什么导致了问题,但这为我解决了。我将
.eslintrc.json
更改为以下内容:我也留下了原来的
rules
。这个问题似乎有多种不同的原因,因此也请查看其他答案。