原因:就如報錯提示所描述的,不能重新定義$router,說明是重復定了$router。通常是因為在項目中安裝了vue-router的依賴並且用Vue.use()使用了vue-router,還在index.html頁面引入了vue-router.js文件。
解決方法有兩種:
1. 去掉index.html中的vue-router.js文件的引入。如果沒有使用externals的話可以直接使用這種方法。
2. 刪除vue-router的依賴,包括依賴包和package.json中的vue-router。使用了externals來外部引入vue-router的話則用這種方法。
提示:從vue-router.js文件引入的router對象名為VueRouter,新建router對象是 new VueRouter()。
參考資料:vue路由器報錯