ReferenceError: proccess未定义错误的排查与解决求助

1. 先修正拼写错误 #

你遇到的ReferenceError: proccess is not defined是核心拼写错误导致的——正确的Node.js全局对象名是process（仅一个字母c），立刻检查你的配置文件和脚本代码，把所有写成proccess的地方改成process。

2. 针对不同环境处理.env加载问题 #

Node.js后端环境 #

Node.js默认不会自动加载.env文件，需要借助dotenv工具：

• 安装依赖：

  yarn add dotenv --dev
  # 用npm的话执行
  npm install dotenv --save-dev
  

• 在配置文件最顶部添加加载逻辑：
  • CommonJS规范：

    require('dotenv').config()
    const EXAMPLE_VAR = process.env.EXAMPLE_VAR
    

  • ES模块规范：

    import 'dotenv/config'
    const EXAMPLE_VAR = process.env.EXAMPLE_VAR
    

前端构建环境（Vite/Webpack等） #

• Vite：
  Vite会自动加载.env文件，但要求变量必须以VITE_为前缀，比如.env中写VITE_EXAMPLE_VAR=xxx，代码里通过import.meta.env.VITE_EXAMPLE_VAR获取，无需额外安装依赖。
• Webpack：
  需要安装dotenv-webpack依赖，然后在webpack.config.js中配置插件：

  const Dotenv = require('dotenv-webpack');
  
  module.exports = {
    plugins: [new Dotenv()]
  };
  

  配置完成后即可在代码中用process.env.EXAMPLE_VAR读取变量。

3. 关于安装依赖的错误 #

你执行yarn add proccess报错是因为包名拼写错误，正确包名是process，但Node.js环境下完全不需要安装这个包——process是Node.js内置的全局对象，只有在前端环境需要模拟Node.js全局变量时，才需要安装process包。

内容的提问来源于stack exchange，提问作者MuellerSachs