在前端开发中，我们经常使用 ESLint 工具来检查代码的规范性和错误。然而，有时候我们会遇到一个错误：Unexpected require()。这个错误通常是由于我们在代码中使用了 require() 方法，而 ESLint 并不认可这种写法。那么，我们该如何解决这个问题呢？
问题分析
首先，让我们来了解一下 require() 方法。require() 是 Node.js 中用来加载模块的方法，可以用来引入其他 JavaScript 文件或 Node.js 模块。然而，在浏览器环境下，require() 方法并不被支持。因此，在前端开发中，我们通常使用其他方式来引入模块，比如使用 ES6 的 import 语句。
而 ESLint 工具默认是以浏览器环境为基础进行代码检查的，因此当我们在代码中使用 require() 方法时，就会出现 Unexpected require() 的错误提示。
解决方案
解决这个问题的方法很简单，我们只需要在 ESLint 的配置文件中添加一个规则即可。具体的操作如下：
打开项目中的 .eslintrc 文件，如果没有该文件，可以通过命令行工具运行
eslint --init命令来生成一个默认的配置文件。在 rules 字段中添加以下规则：
-------- - ----------- -------- ----------------- -------- ------------- ------ ----------------------- ------ ----------------------- ------ --------- -------- --------------- -------- ------------------ -------- ---------------- - -------- - ---------- - ---------------------- ----- ------------------- ----- ------------------- ----- - - -- -------------- - -------- - ---------------- ------ -------------------- ------ -------------------------- ------ --------------------------- ----- - -- ------------------------ - -------- - ----------- ----------- - -- ------------------------ - -------- - ----------- ----------- - -- --------------------------- - -------- - --------- --------- ----------- ---------- - -- ------------------------ -------- ---------------------- -------- ------------------------ - -------- - ----------- ----------- - -- -------------------------- - -------- - ------- ---------- ---------- ------- --- ------------- --------- - - -在这个规则中，我们主要是添加了一个 no-restricted-functions 规则，用来限制使用 require() 方法。当我们使用 require() 方法时，ESLint 就会提示我们使用 import/export 语句来代替。
保存配置文件并重新运行 ESLint 工具，此时就不会再出现 Unexpected require() 的错误了。
示例代码
下面是一个使用 require() 方法的示例代码：
----- -- - -------------- ----------------------- ------- ----- ----- -- - -- ----- ----- ---- ------------------ ---
通过上述的配置，我们可以将这段代码改为使用 import/export 语句来引入 fs 模块：
------ -- ---- ----- ----------------------- ------- ----- ----- -- - -- ----- ----- ---- ------------------ ---
这样就可以避免 Unexpected require() 的错误提示了。
总结
ESLint 工具是前端开发中非常常用的一种工具，可以帮助我们检查代码的规范性和错误。当我们遇到 Unexpected require() 的错误提示时，只需要在配置文件中添加一个 no-restricted-functions 规则，就可以解决这个问题了。同时，我们也应该尽可能地使用 import/export 语句来引入模块，以避免出现这种问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66262486c9431a720c276576