在前端开发中，我们经常会使用 ESLint 来检查代码风格和语法错误。然而，有时候我们会遇到一个比较常见的错误，就是 ESLint 报错 Parsing error: 'import' and 'export' may appear only with'sourceType: module'。这个错误通常是由于我们在使用 ES6 的模块化语法时，没有设置正确的 sourceType 导致的。
那么，如何解决这个问题呢？下面我们就来详细讲解一下。
什么是 sourceType
在解决这个问题之前，我们需要先了解一下 sourceType 是什么。简单来说，sourceType 是指 ECMAScript 源代码的解析模式。在 ESLint 中，它有两种取值，分别是 script 和 module。其中，script 模式表示我们写的是普通的脚本文件，而 module 模式则表示我们写的是 ES6 模块化的代码。
在 module 模式下，我们可以使用 import 和 export 等 ES6 模块化语法。而在 script 模式下，我们只能使用 require 和 module.exports 等 CommonJS 模块化语法。
如何解决
既然知道了 sourceType 的作用，那么解决这个问题就简单了。我们只需要在 .eslintrc.js 文件中设置 sourceType 为 module 就可以了。示例代码如下：
-------------- - -
-------------- -
------------ -----
----------- --------- -- --- ------
--
------ -
-- ----
--
--为什么要设置 sourceType
可能有些读者会有疑问，为什么要设置 sourceType 呢？其实，这是因为 ESLint 默认的 sourceType 是 script。如果我们不设置 sourceType，那么 ESLint 就会认为我们写的是普通的脚本文件，而不能使用 ES6 的模块化语法，因此就会报错。
当然，我们也可以在代码中使用 CommonJS 的模块化语法来避免这个问题，但是这样会使我们的代码更加混乱，而且不能充分发挥 ES6 模块化的优势。
总结
通过本文的介绍，相信读者已经了解了如何解决 ESLint 报错 Parsing error: 'import' and 'export' may appear only with'sourceType: module' 的问题。在开发过程中，我们需要注意设置正确的 sourceType，才能充分发挥 ES6 模块化的优势，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660dfdf0d10417a222e5fe06