1. 程式人生 > 實用技巧 >vue路由錯誤

vue路由錯誤

首先看一下專案結構:
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
執行後發現網頁上並沒有顯示“登入元件”,開啟除錯工具發現控制檯報錯:vue-router.esm.js?8c4f:16 [vue-router] Non-nested routes must include a leading slash character. Fix the following routes:
./login
在這裡插入圖片描述
這個錯誤是說(網上搜的),非巢狀路由必須包含前導斜槓字元。
仔細檢查一下程式碼,發現多寫了一個“.”
在這裡插入圖片描述
改正以後應該沒什麼問題了吧,然鵝事情並沒有那麼簡單,又出現了新的錯誤:
TypeError: Cannot read property ‘$createElement’ of undefined

在這裡插入圖片描述
再仔細一查,發現這次是多寫了一個字母,,,
在這裡插入圖片描述
改正之後就可以正常顯示啦~
在這裡插入圖片描述

大家寫程式碼一定要擦亮眼睛啊orz