分析错误：关键字IMPORT是保留的 [英] Parsing error: The keyword 'import' is reserved

问题描述

在Visual Studio代码中，我获得 Parsing error: The keyword 'import' is reserved。 ¹

您建议采取哪些操作来纠正此错误？

---

我在下面提供了我的.eslintrc.json和package.json文件。 但是，它们可能不足以重现错误。
这里有一个链接，指向 a zip file containing all the necessary project files。 ²

通过运行npm install(本地)安装该项目-这可能 大约需要5-9分钟。
则npm start应在默认Web浏览器中打开该项目。 ³

执行此操作并按F12时，我没有收到任何错误，但收到两条警告 在浏览器的控制台中。
警告如下：

• 'unUsedArgument' is defined but never used. Allowed unused args must match /^_/u no-unused-vars和

• 'unUsedVariable' is assigned a value but never used. Allowed unused vars must match /^_/u no-unused-vars。

"运行‘https://i.imgur.com/CP25oIY.png"启动’在浏览器中出现两个警告，但没有错误">

---

当我在VS代码中打开App.js时，显示标题错误Parsing error: The keyword 'import' is reserved。

但此错误与我选择的文本编辑器无关
从命令行运行ESLint即可轻松确认。
如果您使用的是Microsoft Windows，请使用第一行(反斜杠)。
如果您使用的是任何其他操作系统(向前)，请使用第二行 斜杠)。

node_modules.bineslint . --ext .js
node_modules/.bin/eslint . --ext .js

---

.eslintrc.json：

{
  "rules": {
    "no-unused-vars": [
      "warn",
      {
        "argsIgnorePattern": "^_",
        "varsIgnorePattern": "^_"
      }
    ]
  }
}

package.json：

{
  "name": "parsing-error",
  "version": "0.1.0",
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.1",
    "@testing-library/user-event": "^7.2.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version"
    ]
  }
}

Visual Studio代码？-其他文本编辑器或IDE：s？

虽然我使用的是Visual Studio代码，但我邀请答案(和 其他文本编辑器和IDE的讨论)。 请注意，除了通过npm正确安装ESLint之外， 我还必须为您的特定产品安装插件/扩展 集成开发环境(IDE)。
在我的例子中，我使用this VS Code ESLint extension。 ⁴

不过，这里的重点显然应该放在npm命令和 已安装Node.js包。

以前的错误报告

在下面列表的参考文献5-12中，我链接了以前的一些报告 此错误-或类似错误。
其中一些链接(问题)显然与这里的问题有关， 但可能不是全部。

参考资料

• Zip file containing the needed project files
全局而不是本地安装href="https://eslint.org/docs/user-guide/getting-started#installation-and-usage"(使用 npm install eslint --global)不推荐
• VS Code ESLint extension
• In vs Code，Add"eslint.nodePath": "C:\Program Files\nodejs", 至settings.json
• Parsing error: The keyword 'export' is reserved
• Parsing error: The keyword 'import' is reserved
• ERROR: Parsing Error: The keyword 'const' is reserved
• eslint: error Parsing error: The keyword 'const' is reserved
• Parsing Error The Keyword import is Reserved (SublimeLinter-...)
• Setting up Airbnb ESLint with React and Webpack
• Parsing error: The keyword 'enum' is reserved
• ESLint Parsing error: Unexpected token

---

¹单词import可以是const，也可以是任何 其他JavaScript关键字。

² 从it is recommended to install ESLint locally开始， 我想在座的所有读者都是这样做的。

³在我的例子中，Google Chrome版本98.0.4758.102，64位。 在Windows 10上运行。

⁴除了安装扩展外，我还添加了 "eslint.nodePath": "C:\Program Files\nodejs", VS代码中我的(用户)settings.json文件。没有其他更改。

推荐答案

以下是简单的解决方案-只需将rules属性从 .eslintrc.json到package.json的eslintConfig属性。 ¹

和不保留.eslintrc.json。直接删除！ ²

package.json文件现在如下所示。

package.json：

{
  "name": "parsing-error",
  "version": "0.1.0",
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.1",
    "@testing-library/user-event": "^7.2.1",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "4.0.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app",
    "rules": {
      "no-unused-vars": [
        "warn",
        {
          "argsIgnorePattern": "^_",
          "varsIgnorePattern": "^_"
        }
      ]
    }
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version"
    ]
  }
}

就是这样！ ³

查看您是否成功。
如果您使用的是Microsoft Windows，请使用第一行(反斜杠)。
如果您使用的是Linux或MacOS(正斜杠)，请使用第二行。

node_modules.bineslint . --ext .js
node_modules/.bin/eslint . --ext .js

预期看到：

没有错误。-耶！

如果您的文本编辑器(在我的例子中是代码)仍处于打开状态，请确保 您可以在错误消失之前重新启动！

参考资料

• Another solution to Parsing error: The keyword 'import' is reserved
• Suggesting to Have ESLintrulesinpackage.jsonUnder eslintConfig
• Installation of ESLint using npm
• <即使未在中明确提到，也可能安装href="https://stackoverflow.com/a/71384607">ESLint package.json

---

¹ 我是从this post得到这个想法的。

²也不要运行npm init @eslint/config。
如果您不删除.eslintrc.json！

，错误将持续存在

³ 答：如果您怀疑您可能安装了全局ESLint， 第一次运行：
npm uninstall eslint --global

B.如果您已经运行了<[2-3]-如中第6行所建议的 问题是--那么你就不需要运行 npm install eslint --save-dev安装ESLint。
因为第一个npm install也安装了ESLint，因为我 写入时发现this answer。

这篇关于分析错误：关键字IMPORT是保留的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！