![](/img/trans.png)
[英]@babel/plugin-proposal-class-properties doesn't work
[英]ESLint with Babel: plugin-proposal-class-properties not found declared in .eslintrc
ESLint 服務器拋出以下錯誤:
[信息 - 11:43:42] 無法加載在“.eslintrc.json”中聲明的插件“@babel/plugin-proposal-class-properties”:找不到模塊“@babel/eslint-plugin-plugin-proposal-class” -特性'
我安裝了@babel/plugin-proposal-class-properties
但 ESLint 服務器嘗試從路徑加載它: '@babel/eslint-plugin-plugin-proposal-class-properties'
而包安裝在這里: '@babel/plugin-proposal-class-properties'
。
包.json:
{
...
"dependencies": {},
"devDependencies": {
"@babel/core": "^7.12.3",
"@babel/eslint-parser": "^7.12.1",
"@babel/eslint-plugin": "^7.12.1",
"@babel/plugin-proposal-class-properties": "^7.12.1",
"eslint": "^7.11.0",
"eslint-config-airbnb-base": "^14.2.0",
"eslint-plugin-import": "^2.22.1"
}
}
.eslintrc.json
{
"extends": ["airbnb-base"],
"parser": "@babel/eslint-parser",
"parserOptions": {
"sourceType": "module",
"allowImportExportEverywhere": false,
"requireConfigFile": false
},
"plugins": ["@babel", "@babel/plugin-proposal-class-properties"],
"rules": {
}
}
為什么 ESLint 嘗試從錯誤的路徑加載插件以及如何修復它?
我建議使用以下方法:
添加 .babelrc 文件:
{
"presets": ["@babel/env"],
"plugins": ["@babel/plugin-proposal-class-properties"] //<-- Add your babel plugin's here
}
更新 .eslintrc 文件如下:
"extends": [
"airbnb-base",
"eslint:recommended"
],
...
"parser": "babel-eslint",
...
"parserOptions": {
"sourceType": "module",
"allowImportExportEverywhere": false,
"babelOptions": {
"configFile": "./babelrc" //<---here
}
}
...
"plugins": [
"@babel",
],
...
"rules": {
"react/display-name": 1,
"no-unused-vars": "warn"
},
其他有用的文章:
https://github.com/babel/babel-eslint/issues/818
https://github.com/babel/babel/tree/main/eslint/babel-eslint-parser#additional-parser-configuration
在 .eslintrc 中為 @babel/eslint-parser 聲明 babel 插件
祝你好運!
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.