ESLint 开启报错：'require' is not defined-JavaScript中文网-JavaScript教程资源分享门户

ESLint 开启报错：'require' is not defined

在前端开发中，我们常常使用一些第三方库、框架或者模块化的工具，而这些工具往往需要在代码中使用 require 来导入相应的模块。然而，当我们在使用 ESLint 进行代码检查的时候，有时会遇到这样的错误提示：" 'require' is not defined"。这是什么原因呢？如何解决这个问题呢？

问题原因

在默认情况下，ESLint 并不认识 Node.js 环境下使用的全局变量，包括 require、module 和 exports 等。因此，在代码中使用 require 的时候，ESLint 就会提示 " 'require' is not defined" 的错误信息。这是因为 ESLint 默认只支持浏览器环境下的全局变量。

解决方法

使用 env 配置项

可以通过在配置文件（.eslintrc）中添加 env 配置项的方式来解决该问题。在 env 中添加 Node.js 的全局变量即可，如下示例代码：

"env": {
    "node": true
}

这样 ESLint 就会认识 Node.js 的全局变量了。

使用 globals 配置项

除了使用 env 配置项之外，还可以使用 globals 配置项来定义全局变量，从而解决 " 'require' is not defined" 的问题。示例如下：

"globals": {
    "require": true,
    "module": true,
    "exports": true
}

这样，在定义了这些全局变量之后，ESLint 就会认识它们了。

需要注意的是：如果你同时使用了 env 和 globals 配置项，env 配置项会覆盖 globals 配置项中的同名变量。

总结

ESLint 是一个常用的代码检测工具，能够帮助我们在开发过程中尽早发现潜在的问题，并提高代码的规范性。当我们在使用 require 等 Node.js 环境下的全局变量时，需要在 ESLint 配置文件中添加相应的配置项，以免产生 " 'require' is not defined" 等错误提示。

希望本文对您有所帮助，如果您有更好的解决方法或者疑问，欢迎在评论区留言。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64f308a6f6b2d6eab3c8c515