AI 摘要

在使用Vue.js与Muse-UI的过程中,你是否也遇到因版本不兼容导致失去水波纹效果的烦恼?我在努力寻找解决方案的过程中,经历了无数波折,最终掌握了有效的降级技巧。本篇文章将为你详细分享我的亲身经历及具体操作步骤,让你轻松逆转这一困扰,找回Material Design的美好体验。无论你是新手还是资深开发者,这里都将为你提供宝贵的技术干货!

前言

学习Vue了一段时间,个人还是比较喜欢Material Design风格的框架,找了很久,最满意的也就是Muse-ui了。然后就发现了一个超级恶心和严重的问题,它不支持[email protected]以上版本。具体表现就是版本不符的时候没有基本的波纹效果(要MD就是要找个风格没有这个我玩nm),我本来以为是Chrome的问题,但是,直到我提交了issue,得到回答查了很多资料,就连官方都没告诉你怎么降版本,自己捣鼓了一晚上算是搞定了,发个贴记录下。

具体方法

请不要使用cnpm,至少我用cnpm安装压根没成功过。

1、正常执行安装依赖

npm install

2、安装完成后,执行并查看当前Vue版本

npm run dev

进入F12控制台(MacOS为⌘+⌥+I),点击Vue(需要安装Chrome Vue开发插件)

发现显示版本为2.6.10(你的可能和我不一样,但是只要不是2.6.8或以下都请继续读)

3、卸载现有的vue和vue-template-compiler

npm uninstall vue
npm uninstall vue-template-compiler

vue-template-compiler这个和vue是同版本号的,必须都卸载重装

4、卸载完成,重新安装低版本vue和vue-template-compiler

npm install [email protected]
npm install [email protected]

5、重新进行第二步,查看Vue版本

是不是惊奇的发现,已经成功降级了。就这么点简单操作费了我2个晚上才解决(白天还得上课。。。)

结束

真的发现真正的干货网上太少了,或者有人写过但是博客和我一样是个人博客,压根搜不到。唉

如果这篇文章帮助到你了,请分享给你的朋友,感激不尽。

 

欢迎订阅本站![subscribe]欢迎订阅[/subscribe]

May we meet again.
最后更新于 2025-05-07