在前端开发中，我们常常会使用 ESLint 工具来规范代码的格式、风格和语法等方面，提升代码的可读性和可维护性。但有时候，执行 ESLint 检查时会出现 "'process' is not defined" 的报错，这该怎么解决呢？
问题分析
首先，我们需要了解 "'process' is not defined" 报错的原因和含义。在 Node.js 环境中，process 是全局变量，用来获取关于当前进程的信息和控制当前进程。但在浏览器端，process 并不存在，因此如果在前端代码中使用了 process 相关的方法或变量，ESLint 就会提示 "'process' is not defined" 的错误信息。
具体来说，常见的 process 相关的方法或变量有：
- process.argv：获取命令行参数。
- process.env：获取环境变量。
- process.cwd()：获取当前工作目录。
- process.exit()：结束当前进程。
- process.nextTick()：将函数放到事件循环的队列尾，等待下一次事件循环执行。
如果在前端代码中使用了上述方法或变量，ESLint 就会报错。例如，下面的代码中就会出现 "'process' is not defined" 的错误：
console.log(process.argv);
解决方法
针对 "'process' is not defined" 的错误，我们有多种解决方法，下面分别介绍。
解决方法一：使用 eslint-plugin-node 插件
eslint-plugin-node 是一个 ESLint 插件，用于检查 Node.js 项目中的代码。它可以帮我们解决 "'process' is not defined" 的问题。
- 安装 eslint-plugin-node 插件：
npm install eslint-plugin-node --save-dev
- 修改 .eslintrc 配置文件：
在 .eslintrc 中添加如下配置：
{
"plugins": [
"node"
],
"env": {
"node": true
}
}这样 ESLint 就会识别 process 变量，并不再报 "'process' is not defined" 的错误。
解决方法二：在代码中忽略 process 变量
如果您的项目是纯前端项目，没有使用 Node.js 相关的功能，那么您可以直接在代码中忽略 process 变量。
在需要使用 process 变量的位置，使用 eslint-disable-next-line 注释来忽略报错：
// eslint-disable-next-line no-undef console.log(process.argv);
这样 ESLint 就不会对该行代码进行检查，也不会再报错了。
解决方法三：在 .eslintrc 配置文件中添加全局变量
如果您的项目中确实需要使用 process 变量，您可以在 .eslintrc 配置文件中添加全局变量。
在 .eslintrc 中添加如下配置：
{
"globals": {
"process": true
}
}这样 ESLint 就会识别 process 变量，并不再报 "'process' is not defined" 的错误。
小结
ESLint 报错 "'process' is not defined" 可能是因为 Node.js 代码在前端环境中被执行，也有可能是前端代码中使用了 process 变量。我们可以通过使用 eslint-plugin-node 插件、在代码中忽略 process 变量或在 .eslintrc 配置文件中添加全局变量等方法来解决该问题。
希望本文可以帮助您解决 ESLint 报错 "'process' is not defined" 的问题。如果您还有其他问题或疑问，欢迎在评论区留言。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/6780401dce7f486125335f43