Vue3版本升级采坑(1) - Vue3+mintUI报错，实则版本vue3太高；

最新推荐文章于 2025-05-12 10:02:14 发布
最新推荐文章于 2025-05-12 10:02:14 发布
阅读量2.4k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端开发 文章标签： vue mint
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sherleysong/article/details/115919994
本文介绍了在尝试将Vue项目升级到Vue3时遇到的Mint-UI不兼容问题。由于Mint-UI当前版本仅适用于Vue2，升级Vue3后会导致依赖不匹配的错误。解决方法是回退Vue版本到2.x，并确保在babel.config.js中正确引入Mint-UI。

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

Mint-UI 2.2.13 不匹配 Vue3.0.0

1. 选择Vue2 or Vue3

Mint-UI目前是不匹配Vue3的。
选择Vue2 or Vue3
说明：
如果选择Vue 3 Preview（下面那个）， 版本号 “vue”: “^3.0.0”
将导致: “mint-ui”: “^2.2.13”, 无法匹配。
进node_module, 找到mint-ui/package.json , 看到vue的依赖2.2.X。
不论后面抛哪个错误，大概率就是版本号不匹配的问题了。

2. 报错问题截图：找不到vue依赖

  1. 依赖已安装： “vue”: “^3.0.0”,
  2. 仍然要求安装vue，说没找到这个依赖
This dependency was not found:
* vue in ./node_modules/mint
最低0.47元/天 解锁文章
vue3.7.0用mint-ui按需加载错误
kfgauss的博客
05-17 950
用vue3.7.0重做尚硅谷外卖项目。 44：退出登陆。 填入以下内容： module.exports = { presets: [ '@vue/app' ], "plugins": [ [ "component", { "libraryName": "mint-ui", "style": "t...
Vue项目vue-cli3.x+Mint-UI-------基于脚手架cli3.x 按需引入Mint-ui的组件不起作用、报错、失败
Lemon_wzq的博客
11-27 1664
使用脚手架cli3.x+Mint-UI简单的描述下遇到的情况吧:1、安装Mint-UI2、需要借助的工具babel-plugin-component3、最关键的一步，官网教程里的.babelrc 文件的修改4、就是在main.js里面引入你需要使用的组件就行了 简单的描述下遇到的情况吧: 因为项目需要我采用了Mint-UI，又因为项目是采用的脚手架3,所以官网的使用教程不能直接粘贴过来用，为了项目...
强烈推荐12个Vue 3的高颜值UI组件库
最新发布
小二丶的博客
05-12 2939
本文盘点了12个高颜值的Vue3 UI组件库，适用于不同开发需求。其中包括Vuetify（Material样式）、Vant（移动端）、ElementPlus（桌面端）、Ant-design-vue（Ant Design风格）、NaiveUI（主题可调）、Quasar（高性能）、ArcoDesignVue（字节跳动设计系统）、Vue-devui（DevUI设计）、Idux（企业级中后台）、NutUI3（京东风格）等。这些组件库各具特色，支持多种开发模式和定制化需求，提供了丰富的文档和设计资源，帮助开发者快速构
vue-cli3中Mint UI全局和按需引入
weixin_46211267的博客
12-16 682
cdn浏览器引入方法 <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css"> <!-- 引入组件库 --> <script src="https://unpkg.com/mint-ui/lib/index.js"></script> 在vue中引入的方法 安装 npm i mint-ui -S 方法一、全局引入
vue中使用mint-ui
qq_37872208的博客
12-13 659
在vue项目中安装使用Mint-UI的方法 Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库,下面通过本文给大家介绍在vue项目中安装使用Mint-UI的方法，需要的朋友参考下吧 一、Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库,具有以下特性: 使用文档： http://mint-ui.github.io/#!/zh...
vue-cli3.0+mint-ui的使用
weixin_44086376的博客
05-22 1234
1.npm intall mint-ui --save 2.npm install babel-plugin-component -D //需要安装这个插件 3.修改 babel.config.js 文件 module.exports = { presets: [ ‘@vue/app’ ], plugins:[ [ “component”, { “libraryName”: “mint-ui”...
vue-cli3 使用mint-ui
m0_37115637的博客
05-10 1560
按需引入 借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。 首先，安装 babel-plugin-component： npm install babel-plugin-component -D 然后，将 babel.config.js修改为： module.exports = { presets: ["@vue/app"], ...
flask框架，python+vue3构建，前后端分离，后台管理系统模板，适合python web的二次开发项目，支持快速迭代
06-23
flask框架，python+vue3构建，前后端分离，后台管理系统模板，适合python web的二次开发项目，支持快速迭代 后端端环境和依赖 python3.7 flask flask-script flask-socketio flask-sqlalchemy numpy flask-...
vue2项目升级到vue3经历分享4
warrah 南极狼
05-08 1394
一般情况下vue2使用Element UI这个组件库，表格组件的插槽的话一般都是使用v-slot，而vue3使用Element Plus组件库，表格组件中插槽一般为#default，不过不改，也能运行。后端重构，如果接口做好抽象封装，只需要考虑jar之间的兼容性问题，jdk版本不变，基本不用做太大的调整，但是前端就不一样，除了vue框架本身，css的调整，改起来更是让人头疼。由于 Vue 3 使用 Proxy 使其数据属性自动成为响应式的，所以可以直接修改对象属性，而无需使用 $set。
Vue3 深度解析
热门推荐
青笔
11-27 1万+
前言 距离尤雨溪首次公开 Vue3 (vue-next)源码有一个多月了。青笔观察到，刚发布国庆期间，出现不少解读 Vue3 源码的文章。当然不少有追风蹭热之嫌，文章草草讲讲响应式原理，或者只是做了一些上层的导读，告诉读者应该先看哪再看哪。不能说这些文章就没有一点价值，它确实能够让你在短时间内，不用过多思考就能了解到一些 Vue3 重中之重的“干货”。但是过于干货的未必就是好的。因为干货通常是经过...
【天地图】VUE3基于Leaflet.js部分功能hooks封装useLeafletMap.js
YueMiaoL的博客
07-30 1464
起因是为解决天地图渲染十万条数据卡顿问题，自从用了leaflet渲染后就没那么折腾了，使用canvas矢量图层绘制这加载速度也就解决了，心情也舒畅了~除了查leaflet相关攻略大部分都是收费一说，难顶。1.论开发地图自定义绘制工具：leaflet依赖第三方插件，插件暂时感觉没天地图灵活（待我再研究研究），天地图只需按管网API开发既是。7.论开发出现问题寻求解决方案：就绿色上网来说，leaflet更多搜的是付费方案，天地图有些搜不太到，两者体感就大差不差了。
vue中mint-ui的使用方法
12-10
mint-ui在vue中的使用，供大家参考，具体内容如下 首先放上mint-ui中文文档 近来在使用mint-ui，发现部分插件在讲解上并不是很详细，部分实例找不到使用的代码。github上面的分享，里面都是markdown文件，内容就是网上的文档 刚好自己在用，网上能找到的资料也不是很详细，自己写写咯。持续更新…emmmmm，应该可以吧，我这么懒。希望能给别人带来帮助。 介绍一下mint-ui的特性 特性介绍 Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。 真正意义上的按需加载组件。可以只加载声明
Mint UI 基于 Vue.js 移动端组件库
10-19
Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。接下来通过本文给大家分享Mint UI 基于 Vue.js 移动端组件库，需要的朋友参考下吧
mint-ui在vue中的使用示例
10-18
Mint UI 是 由饿了么前端团队推出的 一个基于 Vue.js 的移动端组件库，这篇文章主要介绍了mint-ui在vue中的使用示例，这里整理了详细的代码,有需要的小伙伴可以参考下
vue-cli3 使用mint-ui 按需打包
gklcsdn的博客
02-15 393
文章目录1. 模块安装2. 修改配置babel.config.js3. 使用 1. 模块安装 npm i mint-ui -S npm install babel-plugin-component -D 2. 修改配置babel.config.js module.exports = { presets: ["@vue/app"], plugins:[ [ "component", { "libraryName": "mint-ui",
mintUi在vue-cli3部分使用的问题
big_badwolf的博客
03-23 995
刚开始使用csdn，随便写点东西吧 mint-ui在文档上写的部分引入组件须在.babelrc文件里改写配置，然后vue-cli3里并没有这个配置文件 以下是mint-ui文档上需要增加的配置 { "presets": [ ["es2015", { "modules": false }] ], "plugins": [["component", [ { ...
vue-cli3.0中按需引入mint-ui
weixin_45212940的博客
01-10 515
参考这篇博客 https://blog.csdn.net/Lemon_wzq/article/details/103274479
报错： Could not resolve dependency: npm ERR peer vue@“^2.3.0“ from mint-ui@2.2.13
m0_46322755的博客
05-01 1431
ERESOLVE unable to resolve dependency tree Could not resolve dependency: npm ERR! peer vue@"^2.3.0" from mint-ui@2.2.13 npm ERR! node_modules/mint-ui npm ERR! mint-ui@"*" from the root project
Vue.js 2.0开发手册：基础教程与配置指南
3. Vue.js 组件编码规范.pdf：介绍如何编写高质量的Vue.js组件的编码规范文档，强调代码可读性、可维护性和一致性。 4. vue快速入门笔记.pdf：针对初学者的快速学习指南，提供基础概念和操作步骤，帮助快速掌握Vue....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值