vue2项目npm run build打包时报错TypeError: Class extends value undefined is not a constructor or null

最新推荐文章于 2025-02-13 16:49:51 发布

鹿541

最新推荐文章于 2025-02-13 16:49:51 发布

阅读量5.2k

点赞数 6

CC 4.0 BY-SA版权

文章标签： webpack

本文链接：https://blog.youkuaiyun.com/weixin_56654424/article/details/124137584

本文讲述了开发者在执行npm run build时遇到的错误，涉及mini-css-extract-plugin插件问题。作者分享了两种解决方案：一是局部安装插件，二是谨慎升级webpack。通过亲身经历强调了遇到技术问题时的解决策略和学习决心。

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

npm run 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> (E:\etest\lsj_test\node_modules\mini-css-extract-plugin\dist\CssDependency.js:12:46)...

根据报错可得是mini-css-extract-plugin这个插件有问题，于是去这个插件npm官网看了一下，解决方法有两种：
第一种是安装这个插件：

npm install --save-dev mini-css-extract-plugin //在项目开发依赖中安装

第二种是升级webpack版本（如果无效可以先卸载，再安装）：

npm install webpack -g // 全局安装
npm install webpack --save-dev //在项目开发依赖中安装

作者使用第一种方式解决，因为项目是中途接口的老项目，里面的一些东西都比较老旧，所以害怕升级webpack会有什么影响

今天加班到8.50写完代码后开始打包报了一个错，当时脑袋直接就空白了慌的不行，自己确实是webpack的小白，之前也是个webpack的打包的问题，一个报错解决了1个周才解决，当时还耽误了公司的客户，被公司领导谴责，所以现在特别害怕打包，怕打包的时候中途出现错误，自己解决不了，不过还好这次问题一发生，百度搜索报错马上就解决了，感谢作者的分享

好了2022继续加油吧，自己要开始学习前端后台项目的搭建，熟悉权限控制，熟悉请求二次封装会webpack自定义打包争取早日成为一个前端大神

报错解决转载链接：https://www.jianshu.com/p/85674df7490e