ReactJS eslinting 在不存在的行上抛出错误

Question

我对 React 和 webpack 很陌生，但使用 eslint 和 javascript 已经很多年了，但这真的让我发疯。

我已经创建了我的项目，并且在我的 redux 文件夹中有一个 actions.js 文件，在该文件中我目前只有

export default UPDATE_IS_LOGGED_IN = 'UPDATE_IS_LOGGED_IN';

我已经安装了 airbnb eslinter 并像这样设置了 webpack 任务

{
  test: /\.js$/,
  exclude: ['/node_modules/'],
  use: ['eslint-loader', 'babel-loader']
}

在我的 .eslintrc 文件中有

{
"parser": "babel-eslint",
"rules": {
    "comma-dangle" : 0,
    "no-undef": "off",
    "max-len": [1, 120, 2, {"ignoreComments": true}],
    "no-compare-neg-zero": "error",
    "no-unused-vars": "off",
    "class-methods-use-this": ["error", {
        "exceptMethods": [
            "render",
            "getInitialState",
            "getDefaultProps",
            "componentWillMount",
            "componentDidMount",
            "componentWillReceiveProps",
            "shouldComponentUpdate",
            "componentWillUpdate",
            "componentDidUpdate",
            "componentWillUnmount"
        ]
    }]
},
"extends": ["airbnb-base"]
}

但是当我运行 webpack 时，我得到 action.js 文件的以下 eslinting 错误。

1:1   error  'use strict' is unnecessary inside of modules  strict
3:32  error  Strings must use singlequote                   quotes
6:19  error  Unexpected chained assignment                  no-multi-assign
6:63  error  Newline required at end of file but not found  eol-last

这不是我项目中几乎每个 js 文件中出现的唯一文件。

Answer 1

我猜它正在检查 webpack 已经构建的文件。尝试将您的构建文件添加到排除项中。

ReactJS eslinting 在不存在的行上抛出错误

ReactJS eslinting throwing errors on lines that don't exist

javascript

reactjs

webpack

eslint-config-airbnb