學習vue router遇到的若干問題

2021-10-06 00:21:50 字數 384 閱讀 2129

1.學習vue-router過程中,在route/index.js新增一條路由時候,報錯,如下

,原因是未安裝sass-loader和node-sass,解決方法:

npm install sass-loader -d

npm install node-sass -d

安裝完之後重啟專案,又出現如下圖這個問題

原因為sass-loader版本過高,解決方式為:在package.json檔案中,將sass-loader版本更改為7.0.0如下

重新啟動之後,問題解決,能正常訪問新新增的路由頁面

參考兩篇文章:

Vuerouter學習筆記

vue路由的作用 將元件 components 對映到路由 routes 然後告訴 vue router 在 渲染它們 前端路由是 對映關係 是路徑和元件的對映關係 vuerouter 路由器物件 然後 該物件有routes屬性 其為路由們配置,為陣列,陣列中每個值為乙個路由,路由就是相應的對映 步...

使用 vue router 編寫導航欄和遇到的問題

import vue from vue import vuerouter from vue router import center from components center.vue import share from components share.vue vue.use vuerouter...

vue router 的學習以及實現

這裡記錄一下關於 vue router 的學習,以及自己實現乙個類似的東西 vue router 分為 hash 模式和 history 模式,眾所周知的是,hash 模式 是利用 監聽 hashchange 事件來實現的,而history 則是通過監聽 popstate 事件 實現的,那麼 到底是...