[英]EsLint misinterpreting import statements in no-unused-vars
我有正常的react
代码:
import React from 'react';
import Header from '../components/Common/Header';
// ...
header: (props) => <Header {...props} />
// ...other code
我只是想表明正在使用所有imports
,但仍然给出错误错误。
我正在使用ESlint
config no-unused-vars
规则,但不幸的是它正在这样做:
E:\React\sg_app\src\containers\Todo\TodoScreen.js
1:8 error 'React' is defined but never used no-unused-vars
2:10 error 'View' is defined but never used no-unused-vars
2:28 error 'StatusBar' is defined but never used no-unused-vars
5:8 error 'TodoFilter' is defined but never used no-unused-vars
6:8 error 'TodoListView' is defined but never used
我的 eslint 配置
module.exports = {
"extends": "eslint:recommended",
"parser": "babel-eslint",
"env": {
"es6": true,
"jest": true,
},
"parserOptions": {
"sourceType": "module",
},
"rules": {
"semi": "warn",
"no-unused-vars": "warn",
"no-use-before-define": "off",
"no-multiple-empty-lines": ["warn", {"max": 2}],
"no-console": "warn",
"arrow-parens": ["error", "as-needed"],
"comma-dangle": "off",
// "import/first": "error"
}
};
我如何阻止eslint
向用作组件的React, View
等导入错误,但错误地显示为未使用?
为任何人的未来参考回答这个问题我发现了@FunkeyFlo 的建议的修复,感谢建议plugin:react/recommended
this npmjs.com/package/eslint-plugin-react package 扩展是必要的,以便使 eslint 在反应中工作。
"extends": [
"eslint:recommended",
"plugin:react/recommended" //this plugin is required to use eslint for react, otherwise we will get errors for 'React' import, as 'no-unused-vars'
],
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.