关于Vue3.x + typescript 路由<router-link></router-link>无法解析报错

关于Vue3 + TS会报错无法解析 router-link

问题描述

  新增router后页面刷新,显示空白,控制台报错无法解析 router-link,具体如下图。

 

 这里是没有显示,而控制台报错无法解析路由

 

 

查看了packjson也没有错误,最后在main.ts文件里面发现了错误

 

原因是  

const app = createApp(App);已经赋值给了app,并且已经挂载了。

 

而后面新增路由后,又进行了一次挂载,导致之前的挂载被覆盖掉了。

 

 然后可以这么写,直接删除下面的挂载使用

 

 

 注意,不可以把挂载放在最下面比如下面这样,下面这样写,页面可以显示但是页面的部分显示会有错误

 

posted @ 2022-05-09 14:37  Yapi酱  阅读(541)  评论(0)    收藏  举报