vue2项目打包到测试环境之后报错require is not defined

最新推荐文章于 2025-06-12 11:30:02 发布
最新推荐文章于 2025-06-12 11:30:02 发布
阅读量1.3k 收藏 10
点赞数 7
CC 4.0 BY-SA版权
文章标签： node.js vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52941842/article/details/135826788
文章讲述了开发者遇到在测试环境中执行`npmrunbuild:test`时出错，而在生产环境无问题的情况。问题在于`.env.test`文件中的NODE_ENV设置，解决方案是将其更改为除test以外的环境变量。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

配置打包命令npm run build:test到测试环境之后报错，打包到生产环境没有问题，查找了项目中的require引入似乎也没啥有问题的地方，所以排除是require的原因

 环境变量文件：

打包指令：

解决办法：

将.env.test环境文件中的NODE_ENV设置为除test之外的其他值即可解决

 

蕉君桑
关注
Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
资深程序员
12-16 2万+
vue3，vite，报错解决，vue3+vite报错requireisnotdefined，vue3vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“requireisnotdefined”问题，vite项目require语法兼容问题解决requireisnotdefine
Vue3 - Vite运行打包时Uncaught ReferenceError: process is not defined（解决vue3+vite报错process is not defined）
资深程序员
03-26 6771
vue3，vite，vue3+vite报错，process，UncaughtReferenceError:processisnotdefined，浏览器控制台报错processisnotdefined解决方法，vue3如何解决报错，vite报错怎么办，前端打包UncaughtReferenceError:processisnotdefined，npmrunbuild打包报错，vite打包时出现错误，vue3打包运行找不到process，热更新会报错UncaughtRefer
ant design vue2+vite，在打包上线生产环境时，报错 require is not defined
m0_55187918的博客
08-08 462
本质原因是因为浏览器不识别commonJS的语法，需要通过插件做转换，但是ant desgin vue中使用了。在vite.config.js添加vite-plugin-commonjs。
Vue.js 中 “require is not defined“
最新发布
weixin_42508745的博客
06-12 1155
解决 Vue.js 中 “require is not defined” 错误当你在 Vue.js 项目中使用 require 时遇到 “require is not defined” 错误，这通常是因为你的项目使用了而不是 CommonJS 的 require 语法。解决方案。
Vue - required is not defined - browserify
A_bad_horse的专栏
02-27 1325
代码如下： index.html main.js mathUtil.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia..
这个报错通常发生在 Vue 2 项目中，由于 require 是 Node.js 环境中的一部分，而在浏览器端是无法识别的，导致出现 “require is not defined“ 的错误。
weixin_44303625的博客
11-07 2045
确保 Vite 配置了别名（指向src文件夹）。使用import动态引入图片，或者在模板中使用require处理路径。可以通过配置控制图片的加载方式，选择是否内联或独立打包。这种方式不需要额外配置require，Vite 会自动处理静态资源的引入和路径解析。
vue-cli 【已解决】 require is not defined 和 exports is not defind
Anonymous996的博客
08-25 7250
require is not defined
Vite中解决Require is not defined的问题
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-17 6631
然而，在使用Vite进行Vue项目的开发过程中，有时会遇到“require is not defined”的错误提示，这对于习惯了Webpack的开发者来说可能会感到困惑。通过上述方法，你可以有效地解决Vite中遇到的“require is not defined”问题，并确保你的Vue项目能够在现代浏览器环境中顺畅运行。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。如果你的应用中有一些依赖于CommonJS模块的代码，那么可以使用转换工具如。
vue 报错require is not defined
07-11
在 Vue 项目中，如果你在浏览器环境下使用了 ``，会出现 "require is not defined" 的报错。这是因在浏览器中，并没有原生支持JS 规范的模块化语法。 解决这个问题的方法有两种： 1. 使用 ES6模块化语法：在 Vue ...
vue 引入组件后报错 require is not defined
01-07
在现代前端开发环境中，特别是使用 Vue 3 和构建工具如 Vite 时，可能会遇到 `require is not defined` 错误。这是因为 Vite 默认不支持 CommonJS 模块语法中的 `require` 函数。 #### 修改导入方式以适应 ES ...
uniapp项目引入vant2遇到报错Uncaught ReferenceError: require is not defined完美解决方案
番茄Salad
02-19 1万+
【代码】uniapp项目引入vant2遇到报错Uncaught ReferenceError: require is not defined完美解决方案。
Vue javascript error require is not defined
kingroc的博客
11-12 1万+
Vue项目中出现， require是node环境中的方法，所以需要在在env中声明，有两个位置需要声明.eslintrc.js和package.json javascript error require is not defined "eslintConfig": { "root": true, "env": { "node": true }, .................... module.exports = { "env": {
Vue3 动态引入图片: require is not defined报错
May21☀️
05-06 4986
问题：在 Vue3 项目中，使用 require 引入图片，报错 require is not defined。原因： Vue3 使用的是 vite，而 require 是 Webpack 的方法。
vite -- require is not defined （问题解决，亲测好用）
大剑师兰特的GIS世界
01-26 4162
经过一番配置，可以用vite来搭建vue2的项目了，但是在demo页面，使用require的方法引用图片的时候，遇到了问题。 `ReferenceError: require is not defined`
解决require is not defined的报错问题
热门推荐
darabiuz的博客
04-20 3万+
浏览器识别不了require关键字，只需要导入require.js这一个库就好了 通过npm install require.js --save安装好这个库 会安装到nodemodule目录下 取得require.js文件，然后在index.html文件最前端引入即可
vue require引入图片报错 “ReferenceError: require is not defined“
weixin_42091617的博客
11-01 2776
最近在做一个轮播图组件，当我想动态绑定src引入图片的时候，我使用了require对资源进行引用。
‘process‘ is not defined报错
HHHHH2187的博客
03-13 4623
这里使用 vite-plugin-svg-icons配置后提交代码 husky提示报错。
Vue - required is not defined - webpack
A_bad_horse的专栏
02-27 7397
代码如下： index.html main.js mathUtil.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值