Building for production... ERROR TypeError: Class extends value undefined is not a constructor or

最新推荐文章于 2024-08-15 16:49:01 发布
最新推荐文章于 2024-08-15 16:49:01 发布
阅读量661 收藏
点赞数
文章标签： 前端 vue vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jnzhushihua/article/details/130107358
版权
在前端Vue项目打包时遇到错误，提示与mini-css-extract-plugin插件有关。尝试更新webpack、重装插件以及调整nvm到最新版1.1.11均未解决问题。卸载nvm和node后，下载了16.20.0的node免安装版，设置了NODEJS_HOME环境变量和npm镜像源，但问题依然存在。最后，安装了webpack@4.4-g。
摘要由CSDN通过智能技术生成

前端vue项目打包是报错，如下图，有的说重新安装mini-css-extract-plugin插件，也可以升级webpack，但是我应该是nvm导致的

node_modutes\mini-css-extract-plugin\dist\CssDependency.js

尝试一：webpack

尝试二：删除node_modules

后来发现我本地使用了nvm，升级了nvm到1.1.11也没有解决，卸载了nvm，和node

重新下载node16.20.0，我下载的是免安装版本的，配置了环境变量

先新建两个文件夹

 

NODEJS_HOME

G:\Program Files\nodejsall\node-v16.20.0-win-x64

%NODEJS_HOME%

%NODEJS_HOME%\node_global

查看node版本 npm 版本

设置npm镜像地址

npm config set registry http://registry.npm.taobao.org/

npm get registry

 安装 webpack

npm install webpack@4.4 -g

 

 

 

zL柳
关注
Vue打包时报错TyeError: Class extends value undefined is not a constructor or null
zhf_123666的博客
09-22 267
vue项目npm run build打包时报错 解决方法 执行npm add webpack@4.5.0，解决
打包时,报错TypeError: Class extends value undefined is not a constructor or null
SunPeng的博客
10-24 1488
打包时,报错TypeError: Class extends value undefined is not a constructor or null
- Building for production... ERROR TypeError: Class extends value undefined is not a constructor o
最新发布
THY0827的博客
08-15 331
该版本模板 vue-admin-template@4.4.0 build：prod script打包不支持：：v-deep（样式名）{样式} 的格式，只需把括号去掉，改成：：v-deep 样式名 {样式} 就可以了，我的就成功了，还有人说改成 ：：v-deep{ 样式名：样式 } ，我没有尝试，大家可以尝试。使用jeecgboot低代码平台运行没有错误，打包出错。打包过程中又出现了另一个错误。最后更新了一下这个就可以了。
vue打包报错ERROR TypeError: Class extends value undefined is not a constructor or null
码小哥的专栏
10-30 1113
jeecg的vue项目可运行，不可打包问题，Building for production... ERROR TypeError: Class extends value undefined is
【Bug解决】VUE前端打包报错：TypeError: Class extends value undefined is not a constructor or null
Dan的博客
02-14 5538
问题 VUE前端打包报错：TypeError: Class extends value undefined is not a constructor or null 在执行npm run build的时候遇到了错误：TypeError: Class extends value undefined is not a constructor or null；而执行npm run serve是可以正常执行的，报错如下： uilding for production... ERROR TypeError: Cla
vue打包时候报错（压缩css错误） building for production...Error processing file: static/css/app.e8b75d3d19abc5bbb
lanseguhui的博客
03-25 4534
报错信息如下 \ building for production...Error processing file: static/css/app.e8b75d3d19abc5bbbd9bd916f459f0d0.css (node:16424) UnhandledPromiseRejectionWarning: CssSyntaxError: E:\simou\static\css\app....
报错TypeError: Class extends value undefined is not a constructor or null
weixin_51281841的博客
09-10 1万+
在执行npm run build的时候遇到了错误：TypeError: Class extends value undefined is not a constructor or null；而执行npm run serve是可以正常执行的，报错如下： Building for production... ERROR TypeError: Class extends value undefined is not a constructor or null TypeError: Class extends v
TypeError: Class extends value undefined is not a constructor or null
江湖郎中
03-30 1万+
基于JeecgBoot做二次开发，正式环境打包时遇到的问题记录。
TypeError: Class extends value undefined is not a constructor or null 错误
Joker
04-10 2895
$ vue-cli-service build ⠋ Building for production... ERROR TypeError: Class extends value undefined is not a constructor or null TypeError: Class extends value undefined is not a constructor or null at Object.<anonymous> (/root/deploy/ui/nod.
npm 报错 Class extends value undefined is not a constructor or null
sandianyiyuan的博客
03-25 1万+
安装nodejs后执行npm -v 报错： TypeError: Class extends value undefined is not a constructor or null at Object.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\socks-proxy-agent\dist\agent.js:114:44) at Module._compile (node:interna
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ ... type: 'post', dataType: 'jsonp', data: { q: text, ...
Class extends value undefined is not a constructor or null
dandanforgetlove的专栏
08-14 1万+
cnpm run build 的时候报错，如下： 加载应用：voiceSpAvailable 加载应用：wechatTemplateList WARN "baseUrl" option in vue.config.js is deprecated now, please use "publicPath" instead. - Building for production... ERROR TypeError: Class extends value undefined is not a co
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 4801
vue2，Syntax Error: TypeError: this.getOptions is not a function，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错this.getOptions is not a function，vue2怎么解决npm run serve时的Syntax Error: TypeError: this.getOptions is not a function爆红报错，Vue - Synt
react报错：TypeError: Class extends value undefined is not a constructor or null
热门推荐
约妲己吃火锅的博客
12-02 2万+
大意为：这个类继承的值无法解构或者解构的值为空 react 对象方法里面没有component。 这里要严格区分大小写，改为Component就解决了！ 哈哈哈哈，就这样了！！祝你好运！ ...
vue打包报错Class extends value undefined is not a constructor or null
wood_sugar的博客
07-13 2409
vue打包异常Class extends value undefined is not a constructor or null
vscode中vue报错：Building for production...Error: error:0308010C:digital envelope routines::unsupported
qq_44813187的博客
05-27 471
这个错误主要是由于 Node.js 17 及其后续版本中默认启用了 OpenSSL 3.0，而某些依赖于 Webpack 的包还没有适配这个更高版本的 OpenSSL。具体操作是，在执行构建命令之前，设置NODE_OPTIONS 环境变量。在网上找解决方案就是降级node.js版本，但是本人很避免“冲突”，不喜欢改一些容易引发蝴蝶效应的东西，所以找到了另外的方法。特地去复盘了一下，网课中所用node.js版本是14，而我的版本如报错的最后一行所示是20，应该就是这个问题了。
ERROR TypeError: Class extends value undefined is not a constructor or null
12-06
这个错误通常是由于在使用类继承时，父类未正确导入或未正确定义导致的。解决此问题的方法包括： 1. 确保父类已正确导入并且可以正常使用。 2. 确保父类已正确定义，包括正确的语法和正确的继承方式。 3. 确保您的代码中没有循环依赖关系，这可能会导致类未正确定义。 4. 如果您使用的是第三方库，请确保您已正确安装并使用了最新版本的库。 以下是一个解决此问题的示例代码： ```javascript // 父类定义 class Animal { constructor(name) { this.name = name; } } // 子类定义 class Dog extends Animal { constructor(name, breed) { super(name); this.breed = breed; } } // 使用子类 const myDog = new Dog('Buddy', 'Golden Retriever'); console.log(myDog.name); // 输出：Buddy console.log(myDog.breed); // 输出：Golden Retriever ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值