AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

vue npm run build打包报错：Class extends value undefined is not a constructor or null

2022-01-08 1607
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vue npm run build打包报错：Class extends value undefined is not a constructor or null

2345_image_file_copy_18.jpg

解决方案：npm install --save-dev mini-css-extract-plugin即可

文章标签：
JavaScript
关键词：
npm报错
npm run
npm打包
npm打包报错
vue npm打包
江一铭的博客
目录
相关文章
卓伊凡
|
移动开发 JavaScript 前端开发
vue中npm打包遇到× eslint —fix found some errors. Please fix them and try committing again.husky > pre-commit hook failed (add —no-verify to bypass)报错解决方案-卓伊凡
vue中npm打包遇到× eslint —fix found some errors. Please fix them and try committing again.husky > pre-commit hook failed (add —no-verify to bypass)报错解决方案-卓伊凡
卓伊凡
531 7
vue中npm打包遇到× eslint —fix found some errors. Please fix them and try committing again.husky > pre-commit hook failed (add —no-verify to bypass)报错解决方案-卓伊凡
sunyalei
|
缓存 监控 UED
升级 Vue3 时，如何减少打包体积的增加？
升级 Vue3 时，如何减少打包体积的增加？
sunyalei
922 155
sunyalei
|
API UED
升级 Vue3 后，项目的打包体积会有什么变化？
升级 Vue3 后，项目的打包体积会有什么变化？
sunyalei
660 158
WanderInk-20107
|
JavaScript 算法 前端开发
解决若依框架中 npm run dev 卡在 95% 的问题
本文深入探讨若依框架中 `npm run dev` 卡在 95% 的问题，分析其与 Node.js 17+ 内置 OpenSSL 3.0 加密策略变更的关系。提供临时（设置环境变量 `NODE_OPTIONS=--openssl-legacy-provider`）和永久（修改 `package.json` 脚本）解决方案，同时建议降级 Node.js 或更新依赖以根本解决兼容性问题。最后强调依赖管理与开发环境标准化的重要性，助力团队高效开发。
WanderInk-20107
1292 1
我是快乐的嘟嘟
|
JavaScript 安全 测试技术
vue封装组件发布到Npm
【10月更文挑战第17天】
我是快乐的嘟嘟
454 67
WanderInk-20107
|
JavaScript 算法 前端开发
nodejs18版本 npm run dev失败
在使用若依框架运行 `npm run dev` 时，若卡在 95% 并报错，通常是 Node.js 17+ 与 Webpack 的兼容性问题。原因是 OpenSSL 3 的加密算法变化导致依赖冲突。解决方法：Windows 下运行 `set NODE_OPTIONS=--openssl-legacy-provider`，macOS/Linux 使用 `export NODE_OPTIONS=--openssl-legacy-provider`，然后重新启动开发服务即可。此设置让 Node.js 启用旧版加密支持，恢复正常构建流程。
WanderInk-20107
1314 0
蓝易云
|
JavaScript 算法 前端开发
为什么npm run serve正常，npm run build就报错：digital envelope routines::unsupported
通过本文的分析，我们详细介绍了 `npm run serve`正常但 `npm run build`时报错：`digital envelope routines::unsupported`的原因及解决方案。主要从检查Node.js版本、更新依赖、检查依赖库、配置文件及环境变量等方面进行了深入探讨。希望本文能帮助开发者解决这一问题，确保项目顺利构建和部署。
蓝易云
1642 6
光明顶阳顶天
|
JavaScript 前端开发
使用 Vue CLI 来处理样式的编译和打包
【10月更文挑战第5天】
光明顶阳顶天
219 1
杀死一只知更鸟debug
|
JavaScript
使用npm,快速构建第一个vue项目
本文介绍了如何使用npm快速构建第一个Vue项目。步骤包括确保安装了Node.js并且配置了正确的环境变量，创建一个空文件夹并使用VSCode打开，通过VSCode的终端执行`npm init vue@latest`命令以初始化项目，选择默认配置即可。接着安装项目依赖并启动开发服务器，最后通过浏览器访问开发服务器提供的本地地址查看项目运行结果。文章还提供了相关代码和操作截图。
杀死一只知更鸟debug
1672 1
热爱技术的小郑
|
存储 JavaScript 前端开发
成功解决：Cannot read properties of undefined (reading ‘commit‘)
这篇文章提供了解决Vuex中"Cannot read properties of undefined (reading 'commit')"错误的两种方法：检查模板中的数据属性是否存在，以及确保在Vue实例中正确挂载了store对象。
热爱技术的小郑
1485 2
成功解决：Cannot read properties of undefined (reading ‘commit‘)

热门文章

最新文章

  • 1
    vue3父子组件相互调用方法详解
  • 2
    VUE之vxe-table高级表格（表格内增删改、导入、导出、自定义打印、列设置隐藏显示等）用法
  • 3
    Vue中可以使用watch属性监听select元素选项的变化吗？
  • 4
    SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【前端篇】【快速生成后端代码、封装结果集、增删改查、模糊查找】【毕设基础框架】
  • 5
    vue 报错 Cannot find package ‘unplugin-vue-components‘ 解决
  • 6
    Vue中 引入配置CKEditor5
  • 7
    VUE element-ui之table双表头遍历及筛选自动（回车查询）、重置、关闭dialog重置
  • 8
    webpack打包vue项目报错：Cannot assign to read only property ‘exports‘ of object
  • 9
    vue实例-vue官网学习笔记
  • 10
    「后端小伙伴来学前端了」 Vue中 this.$set的用法 | 可用于修改对象中数组的某一个对象、 可用于更新数据到视图
  • 1
    npm命令：常用npm命令及其详解！
    1438
  • 2
    从0到1开发一个自己的npm包完整过程
    2155
  • 3
    小程序中使用npm安装vant组件实现按需引入减少代码包大小，避免触发用户隐私协议
    526
  • 4
    推荐一个适用npm小工具优雅的写switch
    381
  • 5
    #! /usr/bin/env node 命令与 npm link 建立项目间软连接（一）
    776
  • 6
    npm与Maven：前端与后端构建工具深度对比学习
    889
  • 7
    NPM进阶知识与用法详解（二）
    535
  • 8
    NPM进阶知识与用法详解（一）
    609
  • 9
    npm link 与 pnpm link 的用法以及不同之处
    1896
  • 10
    NPM这6个知识点（持续更新中）
    311

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 基于FAAS构建NPM同步CDN

    • 推荐镜像

    更多
  • NPM
    • 下一篇
    阿里云Agent安全中心领跑IDC 2026智能体威胁检测技术评估