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

前言

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

结束

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

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

 

欢迎订阅本站!



本站全部博文采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。

本文永久地址:https://www.zixutech.cn/archives/291
本文作者:紫旭

评论

  1. 1
    Windows Chrome 76.0.3809.100
    1年前
    2019-8-12 20:36:44

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

    • 紫旭 博主
      Macintosh Chrome 76.0.3809.100
      1年前
      2019-8-23 10:50:33

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

  2. 小艾
    Windows Chrome 55.0.2883.87
    1年前
    2019-8-13 10:17:05

    非常感谢~

    • 紫旭 博主
      Macintosh Chrome 76.0.3809.100
      1年前
      2019-8-23 10:53:28

      不客气 嘻嘻嘻嘻

  3. HELLO
    Windows Chrome 76.0.3809.132
    1年前
    2019-9-04 15:42:14

    TEST

  4. HELLO
    iPhone Safari 11.0
    1年前
    2019-9-04 15:42:36

    II

  5. 潘少
    Android Chrome 61.0.3163.128
    1年前
    2019-12-09 23:13:29

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

    • 紫旭 博主
      Macintosh Chrome 79.0.3945.88
      1年前
      2019-12-25 21:13:13

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

      • Alphie
        Windows Chrome 81.0.4044.122
        9月前
        2020-4-28 18:41:27

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

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇