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

2,782次阅读
9条评论

共计 774 个字符,预计需要花费 2 分钟才能阅读完成。

前言

学习 Vue 了一段时间,个人还是比较喜欢 Material Design 风格的框架,找了很久,最满意的也就是 Muse-ui 了。然后就发现了一个超级恶心和严重的问题,它不支持 Vue@2.6.8 以上版本。具体表现就是版本不符的时候没有基本的波纹效果(要 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 vue@2.6.8
npm install vue-template-compiler@2.6.8

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

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

结束

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

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

 

欢迎订阅本站!

正文完
 
紫旭
版权声明:本站原创文章,由 紫旭 2019-04-10发表,共计774字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(9条评论)
1 评论达人 LV.1
2019-08-12 20:36:44 回复

改一下package.json在npm install不就ok了吗

 Windows  Chrome  中国北京北京市联通
    紫旭 博主
    2019-08-23 10:50:33 回复

    @1 我有试过,但是那样会有问题,可能你的没问题吧~,不过最稳妥的还是这个办法

     Macintosh  Chrome
小艾 评论达人 LV.1
2019-08-13 10:17:05 回复

非常感谢~

 Windows  Chrome  中国广东省广州市联通
HELLO 评论达人 LV.1
2019-09-04 15:42:14 回复

TEST

 Windows  Chrome  中国广东省广州市电信
HELLO 评论达人 LV.1
2019-09-04 15:42:36 回复

II

 iPhone  Safari  中国广东省广州市电信
潘少 评论达人 LV.1
2019-12-09 23:13:29 回复

目前我遇到同样的问题了,改一处会牵动全身。还是从源码着手吧

 Android  MiuiBrowser  中国重庆重庆市电信
    紫旭 博主
    2019-12-25 21:13:13 回复

    @潘少 确实如果项目已经成型的话去修改确实挺麻烦的。我现在全部都转用ElementUI了。自己写写css适应一下移动端也是挺好看的

     Macintosh  Chrome
      Alphie 评论达人 LV.1
      2020-04-28 18:41:27 回复

      @紫旭 我也整了一天,还以为是less-loader的问题,结果发现是VUE版本的问题。。。这个项目结束就弃坑了。。。

       Windows  Chrome  中国广东省深圳市电信