Question

我遇到了eslint的问题，它给了我[解析错误关键字导入是保留]这只发生在sublime中，在原子编辑器中运行良好。我有eslint

.eslintrc.js

module.exports = {
    "extends": "airbnb",
    "plugins": [
        "react"
    ]
};

的package.json

{
  "name": "paint",
  "version": "0.0.0",
  "description": "paint on the browser",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "paint",
    "javascript"
  ],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browserify": "^11.2.0",
    "eslint": "^2.2.0",
    "eslint-config-airbnb": "^2.1.1",
    "eslint-plugin-react": "^3.11.2",
    "gulp-babel": "^5.2.1",
    "gulp-clean": "^0.3.1",
    "gulp-stylus": "^2.2.0",
    "vinyl-source-stream": "^1.1.0"
  }
}

Answer 1

将其添加到.eslintrc

的根目录中

"parser": "babel-eslint"

Answer 2

解决“关键字导入已保留”错误的eslint选项为parserOptions.sourceType。将其设置为"module"可以使用import关键字。

.eslintrc

{
    "parserOptions": {
        "sourceType": "module"
    }
}

文档： https://eslint.org/docs/user-guide/configuring#specifying-parser-options

Answer 3

花了30分钟-尝试所有解决方案，但要尽力而为，因此请共享此解决方案。

这个问题可以在new react app和Visual Code中看到，即使在这个时候-2020年4月。

在根文件夹（.eslintrc.js旁或package.json目录旁）中创建文件/src/
在.eslintrc.js
重新启动编辑器，例如VS Code。
现在我可以看到真正的错误，而不是那些假的导入/导出错误。

.eslintrc.js文件内容：

module.exports = {
  env: {
    commonjs: true,
    node: true,
    browser: true,
    es6: true,
    jest: true,
  },
  extends: ["eslint:recommended", "plugin:react/recommended"],
  globals: {},
  parser: "babel-eslint",
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 2018,
    sourceType: "module",
  },
  plugins: ["react", "import", "react-hooks"],
  ignorePatterns: ["node_modules/"],
  rules: {},
  settings: {
    react: {
      version: "latest", // "detect" automatically picks the version you have installed.
    },
  },
};

希望有帮助。

Answer 4

问题是我在全局和本地安装了eslint，导致SublimeLinter-contrib-eslint出现不一致。我全局卸载了eslint，SublimeLinter正在运行。

Answer 5

关闭VS代码并重新打开它可以帮我解决问题...

Answer 6

不确定，但尝试将文件重命名为 .eslintrc ，然后使用

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

还要确保安装了所需的软件包。 github.com/airbnb/javascript

Answer 7

我在创建vue项目时发现了此问题（使用的编辑器：可视代码）

安装babel-eslint软件包 -> npm安装babel-eslint

创建.eslintrc.js文件并添加以下代码

module.exports = { 根：正确， parserOptions：{ 'sourceType'：'模块'，解析器：“ babel-eslint”
} }

=> npm运行发球，该错误将像魔术一样得到解决。

Answer 8

此配置对我有用。（我正在使用 create-react-app ，但适用于任何eslint项目）

.eslintrc (create file in root if it doesnt exist)

{
    "rules": {
      "jsx-a11y/anchor-is-valid": [ "error", {
        "components": [ "Link" ],
        "specialLink": [ "to" ]
      }]
    },
    "parserOptions": {
        "sourceType": "module",
        "ecmaVersion": 2015
    }
  }

解析错误关键字导入是保留的（SublimeLinter-contrib-eslint）

8 个答案: