解決打包后出現(xiàn)錯(cuò)誤y.a.addRoute is not a function的問題
Ant Design Vue Pro框架打包后出現(xiàn) y.a.addRoute is not a function
控制臺(tái)報(bào)錯(cuò)如下
因?yàn)檫@邊使用到的是動(dòng)態(tài)路由所以涉及到路由添加 動(dòng)態(tài)路由添加的邏輯在 permission.js文件中
產(chǎn)生原因
是因?yàn)楸镜亻_發(fā)階段引用的是npm包中的vue-router，與打包后extemals中CDN中載入的vue-router版本不一致導(dǎo)致的。
解決辦法
1.找到package.json中 vue-router的版本
2.找到vue.config.js 中 assetsCDN的變量 里面有對(duì)應(yīng)的js引入文件
?。?！這兩個(gè)的版本號(hào)必須要一致
如果一致還是出問題，可以看一看是不是引入的外部資源過期了
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue組件實(shí)現(xiàn)旋轉(zhuǎn)木馬動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了Vue組件實(shí)現(xiàn)旋轉(zhuǎn)木馬動(dòng)畫效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
Vue2路由地址欄變化API(pushState和replaceState)的避坑指南
你是不是也遇到過這種尷尬場(chǎng)景：明明URL變了,頁(yè)面卻沒刷新？或者一刷新直接404教做人？別慌,這都是history.pushState和replaceState在搞事情,因此本文給大家介紹了Vue2路由地址欄變化API的避坑指南,需要的朋友可以參考下2026-02-02
vue實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-09-09
Vue初始化頁(yè)面閃動(dòng)(FOUC)問題的終極解決方案
你是否遇到過頁(yè)面加載瞬間,用戶看到滿屏的 {{ message }}、{{ user.name }} 等未編譯的模板標(biāo)簽,幾毫秒后才恢復(fù)正常,這就是 Vue 初始化閃動(dòng)問題,也稱為 FOUC,本文將提供完整、可靠、可落地的解決方案,徹底根除此問題,需要的朋友可以參考下2025-10-10
Vue利用canvas實(shí)現(xiàn)移動(dòng)端手寫板的方法
本篇文章主要介紹了Vue利用canvas實(shí)現(xiàn)移動(dòng)端手寫板的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05
Vue實(shí)現(xiàn)動(dòng)態(tài)路由導(dǎo)航的示例
本文主要介紹了Vue實(shí)現(xiàn)動(dòng)態(tài)路由導(dǎo)航的示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
vue + vuex todolist的實(shí)現(xiàn)示例代碼
這篇文章主要介紹了vue + vuex todolist的實(shí)現(xiàn)示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
Vue2+Element-ui實(shí)現(xiàn)el-table表格自適應(yīng)高度的案例
這篇文章主要介紹了Vue2+Element-ui實(shí)現(xiàn)el-table表格自適應(yīng)高度的案例,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-06-06
這篇文章主要為大家介紹了vue3中element的Form表單用法實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
Vue3解析markdown并實(shí)現(xiàn)代碼高亮顯示的詳細(xì)步驟
Vue的markdown解析庫(kù)有很多，如markdown-it、vue-markdown-loader、marked、vue-markdown等，這篇文章主要介紹了Vue3解析markdown并實(shí)現(xiàn)代碼高亮顯示,需要的朋友可以參考下2022-07-07