如何修复“仅在 ES6 中可用”的 linter 错误？答案

【问题标题】：How to fix “only available in ES6” linter errors?如何修复“仅在 ES6 中可用”的 linter 错误？
【发布时间】：2017-03-31 00:25:42
【问题描述】：

我正在尝试向我的 Express 应用程序添加一个 linter，但遇到了几个关于 ES6 的 linter 错误，即 ‘export’ is only available in ES6 (use esnext option)、’const’ is only available in JavaScript 1.7 和 ’arrow function syntax’ is only available in Javascript 1.7。我不知道如何摆脱这些错误——任何帮助将不胜感激。我目前已经尝试安装几个东西，包括 Sublime Text 2 linter 和 babel-eslint，但可能会遇到这个错误。

来自相关的package.json：

{
"dependencies": {
  "babel-cli": "^6.10.1",
  "babel-preset-es2015": "^6.9.0",
  "babel-preset-stage-2": "^6.5.0",
  "bcrypt-nodejs": "0.0.3",
  "botkit-sms": "^1.1.0",
  "dotenv": "^2.0.0",
  "express": "^4.14.0",
  "jwt-simple": "^0.5.0",
  "mongoose": "^4.6.3",
  "passport": "^0.3.2",
  "passport-jwt": "^2.2.1",
  "passport-local": "^1.0.0",
  "request": "^2.76.0",
  "routific": "0.0.2"
},
"devDependencies": {
  "babel-eslint": "^6.1.2",
  "eslint": "^2.13.1",
  "eslint-config-airbnb": "^9.0.1",
  "eslint-plugin-import": "^1.16.0",
  "eslint-plugin-jsx-a11y": "^1.4.2",
  "eslint-plugin-react": "^5.1.1",
  "nodemon": "^1.9.2"
}

}

.babelrc:

{
   "presets": ["es2015", "stage-2"]
}

.eslintrc:

{
extends: ["airbnb", "esnext"],
parser: "babel-eslint",
env: {
  browser: false,
  node: true,
  es6: true
},
rules: {
  strict: 0,
  quotes: [2, "single"],
  no-else-return: 0,
  new-cap: ["error", {"capIsNewExceptions": ["Router"]}],
  no-console: 0,
  import/no-unresolved: [2, { commonjs: true}],
  no-unused-vars: ["error", { "vars": "all", "args": "none" }],
  no-underscore-dangle: 0,
  arrow-body-style: ["error", "always"],
  no-shadow: ["error", { "allow": ["done", "res", "cb", "err", "resolve", "reject"] }],
  no-use-before-define: ["error", { "functions": false }],
  max-len: 0
},
plugins: [
  'import'
],
ecmaFeatures: {
  jsx: true,
  modules: true
}
}

【问题讨论】：

标签： javascript sublimetext2 jslint eslint sublimelinter

【解决方案1】：

在 Preferences -> Package Settings -> Sublimelinter -> Settings-User 中将 esnext 设置为 true

{
  "jshint_options":
    {
        "esnext": true
    }
}

【讨论】：

【解决方案2】：

我认为你必须摆脱 esnext 这是我的节点 .eslintrc：

    {
  "extends" : "airbnb",
  "rules": {
   // disable requiring trailing commas because it might be nice to revert to
   // being JSON at some point, and I don t want to make big changes now.
   "comma-dangle": 0,
   // we can use escape and template strings
   "quotes": [1, "single", {"avoidEscape": true, "allowTemplateLiterals": true}],
   "max-len": [0],
   "no-console": 0,
   "no-param-reassign": 0
 },
 "globals": { "ENV": true },
 "env": {
    "browser": true,
    "node": true,
    "jasmine": true
  }
}

这些是我的 devDependencies

  "devDependencies": {
    "babel-cli": "^6.9.0",
    "babel-core": "^6.9.0",
    "babel-preset-es2015": "^6.9.0",
    "babel-preset-stage-0": "^6.5.0",
    "eslint": "^3.1.1",
    "eslint-config-airbnb": "^12.0.0",
    "eslint-plugin-import": "1.16.0",
    "eslint-plugin-jsx-a11y": "2.2.3",
    "eslint-plugin-react": "6.4.1",
    "nodemon": "^1.9.2"
  }

【讨论】：

【解决方案3】：

ecmaFeatures 配置设置位于parserOptions 之下。

...
plugins: [
  'import'
],
parserOptions: {
    ecmaFeatures: {
        jsx: true
    },
    ecmaVersion: 6,
    sourceType: 'module'
},
...

您应该使用sourceType: 'module' 而不是modules: true。

【讨论】：