在使用 ES6 语法编写前端项目时，我们经常会使用 import/export 来进行模块化开发。但是，当我们使用 ESLint 进行代码检查时，可能会遇到 Unexpected token import 的报错，这是由于 ESLint 默认只支持 CommonJS 规范，不支持 ES6 的模块化语法所致。
那么该如何解决这个问题呢？本文将为大家介绍两种常用的解决方法。
方法一：使用 babel-eslint
babel-eslint 是一个 ESLint 的插件，可以让 ESLint 支持所有 Babel 解析器支持的语法，包括 ES6 的模块化语法。
安装 babel-eslint
首先，我们需要安装 babel-eslint：
--- ------- ------------ ----------
配置 .eslintrc 文件
在项目的根目录下找到 .eslintrc 文件，添加以下内容：
-
--------- ---------------
---------------- -
-------------- --
------------- --------
--
------ -
---------- -----
------- -----
------ ----
--
-------- -
----------------- -------
------------- -----
-
-其中，parser 配置项指定了使用 babel-eslint 作为解析器，parserOptions 配置项指定了使用 ES6 的模块化语法，env 配置项指定了项目运行的环境，rules 配置项指定了一些规则。
示例代码
------ - ----- - ---- -------------- -------------------
方法二：使用 eslint-plugin-import
eslint-plugin-import 是一个 ESLint 的插件，可以让 ESLint 支持 ES6 的模块化语法。
安装 eslint-plugin-import
首先，我们需要安装 eslint-plugin-import：
--- ------- -------------------- ----------
配置 .eslintrc 文件
在项目的根目录下找到 .eslintrc 文件，添加以下内容：
-
---------- -
--------
--
-------- -
----------------------- --------
--------------- --------
----------------- --------
------------------- -------
-
-其中，plugins 配置项指定了使用 eslint-plugin-import 插件，rules 配置项指定了一些规则。
示例代码
------ - ----- - ---- -------------- -------------------
总结
本文介绍了两种解决 ESLint 报错 Unexpected token import 的方法。使用 babel-eslint 需要安装 babel-eslint 插件，并在 .eslintrc 文件中配置 parser 和 parserOptions；使用 eslint-plugin-import 需要安装 eslint-plugin-import 插件，并在 .eslintrc 文件中配置 plugins 和 rules。这两种方法都可以让 ESLint 支持 ES6 的模块化语法，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6607eeecd10417a22268cb23