eslint配置注意事项

1). 4:1 error Parsing error: The keyword 'import' is reserved
确保.eslintrc文件存在，并且内容为

{
  "extends": "airbnb",
  "plugins": ["react"]
}

2). Value "data["0"].VariableDeclarator" has additional properties.

如下所示错误代码，是因为最新的eslint需要重新配置，按照下面路径方法配置即可：eslint-config-airbnb-base安装配置

ERROR in ./src/index.js
Module build failed: Error: /home/suwu150/WebStormProject/electron-desktop-tools/node_modules/eslint-config-airbnb-base/rules/es6.js:
        Configuration for rule "prefer-destructuring" is invalid:
        Value "data["0"].VariableDeclarator" has additional properties.
        Value "data["0"].AssignmentExpression" has additional properties.

Referenced from: /home/suwu150/WebStormProject/electron-desktop-tools/node_modules/eslint-config-airbnb-base/index.js
Referenced from: airbnb
Referenced from: /home/suwu150/WebStormProject/electron-desktop-tools/.eslintrc
    at validateRuleOptions (/home/suwu150/WebStormProject/electron-desktop-tools/node_modules/eslint/lib/config/config-validator.js:109:15)

3). - Unexpected top-level property "comma-dangle".

ERROR in ./src/index.js
Module build failed: Error: ESLint configuration in /home/suwu150/WebStormProject/electron-desktop-tools/.eslintrc is invalid:
        - Unexpected top-level property "comma-dangle".

    at validateConfigSchema (/home/suwu150/WebStormProject/electron-desktop-tools/node_modules/eslint/lib/config/config-validator.js:214:15)
    at Object.validate (/home/suwu150/WebStormProject/electron-desktop-tools/node_modules/eslint/lib/config/config-validator.js:231:5)

Unexpected top-level property,我的原因是没有将规则写对地方，
错误的写法如下所示：

{
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "experimentalObjectRestSpread": true
    }
  },
  "rules": {
    "semi": 2
  },
  "comma-dangle": [1,"always-multiline"],
  "plugins": ["react"],
  "extends": "airbnb"
}

正确的写法如下所示：

{
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "experimentalObjectRestSpread": true
    }
  },
  "rules": {
    "semi": 2,
    "comma-dangle": ["off"]
  },
  "plugins": ["react"],
  "extends": "airbnb"
}

4). Parsing error: Unexpected token : 或者 Parsing error: Unexpected token =

 34:52  error  Parsing error: Unexpected token :

✖ 1 problem (1 error, 0 warnings)

 @ ./src/store/configureStore.js 6:19-58
 @ ./src/index.js
 @ multi webpack-hot-middleware/client?path=http://localhost:3000/__webpack_hmr babel-polyfill ./src/index.js

Use the babel-eslint parser in your ESLint configuration.
也就是在.eslintrc中添加"parser": "babel-eslint", 即可
安装依赖包：npm install babel-eslint –save

{
  "parser": "babel-eslint",
  "plugins": ["react"],
  ...
}

5).error： Expected linebreaks to be ‘LF’ but found ‘CRLF’
我们从github上拉别人项目的时候。有时候会遇到这个报错：
error： Expected linebreaks to be ‘LF’ but found ‘CRLF’
这就是eslint的报错了，可能是原作者用的是linux系统。
只需在eslintrc文件里面将
linebreak-style: [“error”, “unix”]
改成
linebreak-style: [“error”, “windows”]（我用的是windows）即可