这个报错要怎么处理呀,求解答

process is not defined 找了很多办法都没解决,这个要怎么处理

img

本地还原了,尝试了一下完全成功,希望对你有帮助

解决方案

安装这个
process

npm install process -S
npm install @rollup/plugin-inject -D

在vite.config.js添加如下配置
plugins里面加入

import inject from '@rollup/plugin-inject'

// ...
  plugins: [
    // 添加这个插件
    inject({
    process: 'process/browser'
    })
  ]

//...

报错情况

img

img

配置之后

img

显示成功

img

看下这里的解决方案:https://github.com/vitejs/vite/discussions/4879

在vite.config.js文件中添加define: { 'process.env': {} }试试。

img


如果以上回答对您有所帮助,点击一下采纳该答案~谢谢

没有找到process这个值,看下报错位置

img

加了'process.env':{}报下面的错

img

走到这里报错

img

【以下回答由 GPT 生成】

这个错误一般是因为在使用Vue.js时,没有正确处理路由导航和进程的问题导致的。下面是一些可能的解决方案:

  1. 确认你的项目中是否正确使用了Vue Router。检查你的项目中是否正确引入了Vue Router,并且在Vue实例中进行了初始化。

  2. 确认你的项目是否正确安装了Vue Router依赖。在项目根目录下执行以下命令来安装Vue Router依赖:

npm install vue-router
  1. 检查你的项目中是否正确导入了process。在Vue项目中,默认情况下,process是Node.js内置的全局对象,用于获取运行环境的详细信息。你可以尝试通过以下方式在入口文件(比如main.js)中导入process
import process from 'process';
  1. 检查你的项目是否正确配置了环境变量。有些情况下,如果没有正确配置环境变量,process对象可能无法被识别。你可以尝试在项目中配置相关的环境变量,并确保它们在运行时可用。

如果以上解决方案都没有解决你的问题,那么可能是因为其他原因导致的报错。你可以尝试查看详细的错误堆栈信息,并根据堆栈信息进行进一步的排查和调试。如果你有更多的相关代码或其他信息,请提供给我,以便我能够更准确地帮助你解决问题。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

可以尝试重启电脑试一下

用import.meta.env来替代下

process is not defined错误通常发生在浏览器端的JavaScript代码中,提示未定义process变量。这是因为process是Node.js的全局对象,在浏览器中并没有定义。如果你在浏览器环境下遇到了这个错误,可能是因为代码中尝试访问了不存在的process对象。
使用了Node.js代码: 如果你的代码是在浏览器端执行的,但是其中包含了Node.js特有的代码(例如使用process.env等),就会出现这个错误。请确保你的代码是适用于浏览器环境的。

尝试访问不存在的全局变量: 有时候可能是代码中误用了process变量。如果你的代码中没有意图使用process对象,但是出现了这个错误,那么可能是其他全局变量的拼写错误或者其它问题。


const webpack = require('webpack');

module.exports = {
  // ...
  plugins: [
    new webpack.DefinePlugin({
      'process.env': JSON.stringify(process.env)
    })
  ],
  // ...
};

【解决】process is not defined

https://blog.csdn.net/Run_youngman/article/details/122616798

问题解决
解决该问题,只要将node的变量,转换成为代码运行过程中的全局变量即可,所以在webpack.config.js中添加这句话即可。

const path = require('path');
const webpack = require('webpack')

module.exports = {
    mode: "none",
    entry: "./src/index.js",
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    },
    plugins: [
        new webpack.DefinePlugin({ // webpack自带该插件,无需单独安装
            'process.env' : {
                NODE_ENV: process.env.NODE_ENV // 将属性转化为全局变量,让代码中可以正常访问
            }
        })
    ]
}

报错process is not defined的解决方法
解决该问题,只要将node的变量,转换成为代码运行过程中的全局变量即可,所以在webpack.config.js中添加这句话即可。

const path = require('path');
const webpack = require('webpack')

module.exports = {
    mode: "none",
    entry: "./src/index.js",
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    },
    plugins: [
        new webpack.DefinePlugin({ // webpack自带该插件,无需单独安装
            'process.env' : {
                NODE_ENV: process.env.NODE_ENV // 将属性转化为全局变量,让代码中可以正常访问
            }
        })
    ]
}


vite里面没有process,需要使用import.meta.env