element ui 1.4 升級到 2.0.11


公司的框架 選取的是 花褲衩大神開源的 基於 element ui + Vue 的后台管理項目, 項目源碼就不公開了,記錄 分享下 步驟

1. 卸載 element ui 1.4的依賴包

  

2. 卸載完成后, 重新安裝 element ui 2.x 以上版本的依賴包

  

3. 更改 項目文件 main.js 中 引入的樣式文件 路徑

  

*************************************** 網上帖子很多到這一步就完結了, 我也是到這里去嘗試 npm run dev 試下項目, 發現很多報錯..

這里的原因是 element ui 2.x 里面新增了很多依賴 vue 新版本的標簽或者特性?   這里需要相應升級 vue 依賴包, 

 直接 打開 項目文件的 package.json  .. 這里有兩個地方要更改

 4. vue 的版本 2.5.3 以上,  

 

5. vue-template-compiler 相應需要 2.5.13 

到這里也注意一下 vue-loader 是否在 10.0.0 以上, 中間我報錯幾次..

到這一步后, 重新 npm install 安裝, 可能會出現安裝了 但是還是報版本錯誤, 這里需要 npm update 一下,

完成后, 可以 npm run dev 開始運行了,

運行起來后,   F12 打開控制台會看到很多 黃色的 warning字段,  是提醒 2.x中 scope="scope" 已經廢止, 更改成 slot-scope="scope" 並且不咸魚 <template>標簽使用,

當然, 還有一些其它的 警告 , 比如 Dialog 對話框的 size 屬性是廢止了, 更換成 width 默認值是  50%..


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM