Vue3全新项目启动后页面空白，控制台报Uncaught ReferenceError: process is not defined错误求助

兄弟你这情况我之前刚碰到过！全新Vue3项目没改任何代码就出这问题，确实挺懵的，给你几个亲测有效的解决思路，你挨个试试：

• 先查Vue CLI版本：打开终端敲vue --version，如果版本低于5.x，大概率是CLI和Vue3的环境变量处理不兼容导致的。直接升级到最新稳定版就行，命令是npm update -g @vue/cli，升级完重启终端再重新跑项目看看。

• 要是升级CLI还没好，那就手动加个配置文件兜底：在项目根目录新建一个vue.config.js（默认项目里没有这个文件），把下面的代码粘进去，它会帮Webpack正确注入process环境变量：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  configureWebpack: {
    plugins: [
      new (require('webpack').DefinePlugin)({
        'process.env': JSON.stringify(process.env)
      })
    ]
  }
})

保存后重启npm run serve，应该就能正常显示页面了。

• 还有个小概率情况是Node.js版本太老：Vue3要求Node.js至少14.18+，如果你的Node版本低于这个，也可能触发奇怪的环境变量问题。建议升级到LTS版本（比如16.x或18.x），然后删掉项目里的node_modules文件夹和package-lock.json，重新npm install后再启动项目。

我当时是升级Vue CLI就解决了，你先从第一个方法开始试，应该很快能搞定！

备注：内容来源于stack exchange，提问作者Shadowman