你现在不再需要使用 @babel/eslint-parser
,因为 eslint@^7.5
现在支持可选链。
运行以下命令以在项目中更新 eslint:
npm install --save-dev eslint@^7.5
yarn add -D eslint@^7.5
然后,确保你的配置如下:
{
"parserOptions": {
"ecmaVersion": 2020
}
}
module.exports = {
"parserOptions": {
"ecmaVersion": 2020
}
}
@babel/eslint-parser
(之前称为babel-eslint
)。这样可以使用eslint检查所有有效的Babel代码。自版本v7.2.0起,eslint支持所有ES2020功能。$ npm install @babel/eslint-parser --save-dev
# or
$ yarn add @babel/eslint-parser -D
然后在你的.eslintrc
中做如下设置:
{
parser: "@babel/eslint-parser",
}
Node.js 12及以上版本支持可选链运算符(一个ECMAScript 2020特性)。尝试使用:
"parserOptions": {
"ecmaVersion": 2020
}
{
"parserOptions": {
"ecmaVersion": 2020
}
...
}
Babel提供的并非所有JavaScript功能都包含在ESLint中。
不过,您可以使用babel-eslint:
$ npm install @babel/eslint-parser --save-dev
# or
$ yarn add @babel/eslint-parser -D
.eslintrc
文件中执行以下操作:{
parser: "@babel/eslint-parser",
}
如果您正在使用 babel-eslint
(自2021年起已被弃用),请将其升级为 @babel/eslint-parser
并确保您的 eslint
版本为7或更高版本。
在 .eslintrc.json
中,您需要以下配置:
"parser": "@babel/eslint-parser",
"parserOptions": {
"requireConfigFile": false,
"presets": [
"@babel/preset-env",
"@babel/preset-react"
],
"babelOptions": {
"parserOpts": {
"plugins": [ "jsx" ]
}
}
},
"plugins": [
"prettier",
"react-hooks"
],
"requireConfigFile": false,
- 如果您没有eslint配置文件
"plugins": [ "jsx" ]
- 如果您使用jsx
"plugins": [ "typescript" ]
- 如果您使用typescript
"plugins": [ "flow" ]
- 如果您使用flow
解析错误:意外的标记。
添加了图片。 - A. L