我设置eslint及eslint-plugin-react.
当我运行ESLint时,linter返回no-unused-vars每个React组件的错误.
我假设它没有意识到我正在使用JSX或React语法.有任何想法吗?
例:
app.js
import React, { Component } from 'react';
import Header from './header.js';
export default class App extends Component {
render() {
return (
<div>
<Header />
{this.props.children}
</div>
);
}
}
Run Code Online (Sandbox Code Playgroud)
Linter错误:
/my_project/src/components/app.js
1:8 error 'React' is defined but never used no-unused-vars
2:8 error 'Header' is defined but never used no-unused-vars
Run Code Online (Sandbox Code Playgroud)
这是我的.eslintrc.json档案:
{
"env": {
"browser": true,
"es6": true
},
"extends": "eslint:recommended",
"parserOptions": {
"ecmaFeatures": {
"experimentalObjectRestSpread": true, …Run Code Online (Sandbox Code Playgroud)