修改Vue.js版本,以修复MuseUI没有水波纹效果的BUG

前言

学习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个晚上才解决(白天还得上课。。。)

结束

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

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