相关疑难解决方法(0)

带有React的ESLint给出了"no-unused-vars"错误

我设置eslinteslint-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)

javascript jsx reactjs eslint

62
推荐指数
6
解决办法
3万
查看次数

标签 统计

eslint ×1

javascript ×1

jsx ×1

reactjs ×1