ESLint 常见错误：module.exports = something 的解决方法
在前端开发中，使用 ESLint 来规范代码是非常常见的。ESLint 可以帮助我们检查代码风格和潜在的问题，从而提高代码的质量和可读性。然而，在使用 ESLint 的过程中，我们会经常遇到一个常见的错误：module.exports = something 。
这个错误的产生是因为大多数 ESLint 的规则都是基于 CommonJS 模块规范的，并且默认情况下，ESLint 会将 ES6 模块的导出方式视为错误。那么，我们该如何解决这个问题呢？
解决方法一：切换 ESLint 的模块解析方案
因为这个错误的产生是因为 ESLint 默认将 ES6 模块的导出方式视为错误，所以我们可以通过修改 ESLint 的模块解析方案来解决这个问题。可以尝试在 .eslintrc.js 文件中添加如下配置：
-------------- - -
-------------- -
------------ -----
----------- --------- -- ---------------- --- --
--
------ -
----------- --------
----------------- --------
------------- ------
----------- ------
--
--这样，ESLint 在解析模块时就会将 ES6 模块视为合法的了。
解决方法二：使用 export default
在 ES6 模块中，我们可以使用 export default 这种导出方式来解决这个问题。export default 可以导出任何类型的值，这样就可以避免使用 module.exports 了。示例代码如下：
-- --------
------ ------- -
----- -
-- ---
--
----- -
-- ---
--
---- ------- ------ ----- ---- ---------- ------------
这种方式比使用 module.exports 更符合 ES6 的模块规范，也更加容易理解。
解决方法三：使用 eslint-plugin-import 插件
eslint-plugin-import 插件提供了一些规则，可以帮助我们检查模块导入和导出的情况，从而避免出现这个错误。在使用该插件时，可以尝试添加如下规则：
-
---------- -
--------
--
-------- -
--------------------- -------
-
-这个规则的含义是禁止在 ES6 模块中使用 CommonJS 的模块导出方式，从而避免出现 module.exports = something 的情况。
总结
ESLint 是一个非常好用的工具，但是在使用过程中会遇到一些问题。本文针对 ESLint 常见错误之一，即 module.exports = something 的情况，提供了三种解决方法。这些解决方法可以帮助我们更好地使用 ESLint，并避免出现这种错误，提高代码的可读性和规范性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64fc01c1f6b2d6eab3200723