如何解决Eslint 不显示警告 - React
在我的新项目中,ESLint 没有像以前那样输出警告,我使用的是 VSCode。如果我的代码中某处有一个 unsed var,它就不再在终端输出中显示警告。仅在问题选项卡中。
这是我的 eslint 配置文件:
.eslintrc.json
{
"env": {
"browser": true,"es6": true
},"extends": [
"plugin:react/recommended","airbnb-typescript","plugin:@typescript-eslint/recommended","plugin:@typescript-eslint/eslint-recommended","prettier/@typescript-eslint","plugin:prettier/recommended"
],"globals": {
"Atomics": "readonly","SharedArrayBuffer": "readonly"
},"parser": "@typescript-eslint/parser","parserOptions": {
"ecmaFeatures": {
"jsx": true
},"ecmaVersion": 2018,"sourceType": "module","project": "./tsconfig.json"
},"plugins": [
"react","react-hooks","@typescript-eslint","prettier"
],"rules": {
"prettier/prettier": "error","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps": "warn","camelcase": "off","@typescript-eslint/camelcase": "off","react/jsx-filename-extension": [1,{"extensions": [".tsx"]}],"import/prefer-default-export": "off","react/jsx-one-expression-per-line": "off","react/jsx-props-no-spreading": "off","react/prop-types": "off","no-unused-expressions": "off","@typescript-eslint/no-unused-vars": "error","@typescript-eslint/explicit-function-return-type": [
"error",{
"allowExpressions": true
}
],"import/extensions": [
"error","ignorePackages",{
"ts": "never","tsx": "never"
}
],"semi":"off"
},"settings": {
"import/resolver": {
"typescript": {}
}
}
}
这是我的 package.json devDependencies:
package.json
"dependencies": {
...,"react": "^17.0.1","react-dom": "^17.0.1","react-scripts": "^4.0.2"
}
"devDependencies": {
"@types/react-router-dom": "^5.1.7","@types/styled-components": "^5.1.7","@typescript-eslint/eslint-plugin": "^4.14.2","@typescript-eslint/parser": "^4.14.2","eslint": "^7.19.0","eslint-config-airbnb": "^18.2.1","eslint-config-airbnb-typescript": "^12.3.1","eslint-config-prettier": "^7.2.0","eslint-import-resolver-typescript": "^2.3.0","eslint-plugin-import": "^2.22.1","eslint-plugin-jsx-a11y": "^6.4.1","eslint-plugin-prettier": "^3.3.1","eslint-plugin-react": "^7.22.0","eslint-plugin-react-hooks": "^4.2.0","husky": "^5.0.8","prettier": "^2.2.1","prettier-eslint-cli": "^5.0.0","typescript": "^4.1.3"
}
解决方法
我遇到了同样的问题,对我来说是在我的 package.json
中缺少这个 esLint 配置:
"eslintConfig": {
"extends": [
"react-app","react-app/jest"
]
},
可能是误删了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。