ESLint 报错：Parsing error: The keyword 'import' is reserved
在现代的前端开发环境中，我们经常会使用到新的 JavaScript 特性，如 import 语句。然而，当我们使用 ESLint 进行代码检查时，特别是在使用较老版本的浏览器或 Node.js 环境时，可能会出现 "Parsing error: The keyword 'import' is reserved" 的报错信息。
这是因为 import 语句是 ES6 引入的新特性，但在较老的浏览器或 Node.js 环境中并未支持。为了解决这个问题，我们需要使用相关的工具去解析和转换代码。
解决 ESLint 报错的方法是通过安装 babel-eslint 包，并将其配置为 ESLint 的解析器。babel-eslint 是一个基于 Babel 的解析器，可以将 ES6+ 的代码转换为 ES5，以解决新特性在旧环境中的兼容性问题。下面是具体的使用方法。
- 安装 babel-eslint
在终端中，使用以下命令进行安装：
npm install --save-dev babel-eslint
- 配置 .eslintrc 文件
在项目的根目录下，找到 .eslintrc 文件，并添加如下配置：
{
"parser": "babel-eslint"
}这里的 "parser" 指定了使用 babel-eslint 解析器，让其去解析新特性语法。如果已经有 "parserOptions" 字段，可以将其添加到其中。详细的配置可以参考官方文档。
- 使用示例
现在，我们更新代码并尝试运行检查，应该就可以避免该错误。以下是一个简单的示例代码：
-- -------------------- ---- -------
------ --- ---- -----
--- -----
--- -------
----- -
-------- ------ -----
--
------- -------- --- -
------ -------- -------------
-
--当我们运行 ESLint 时，将会得到 "Parsing Error: The keyword 'import' is reserved" 的报错信息。但如果按照上面的步骤进行相应的配置，就不会再出现这个问题了。
总结
在这篇文章中，我们介绍了使用 import 语句时在旧环境中出现的 ESLint 报错，以及通过 babel-eslint 包进行语法解析转换的解决方案。希望这篇文章对你有所帮助，并引导你更好地理解 ESLint 工具的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c2590c83d39b4881654479