vue +ts 在router的路由中import报错的解决方案

Posted llcdbk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue +ts 在router的路由中import报错的解决方案相关的知识,希望对你有一定的参考价值。

在router.ts中引入.vue文件,会提示打不到module,但是编译可能成功,运行也不报错

找了好久,发现了这个答案

https://segmentfault.com/a/1190000016732576?utm_source=tag-newest

但是要注意的是

在src根目录下,新建一个sfc.d.ts文件这个里面的

declare module "*.vue" {
    import Vue from ‘vue‘
    export default Vue
}

在shims-vue.d.ts文件中官方文档有一个地方是说写到这里来着,所以shims-vue.d.ts中的这段要删掉,把他们写到

sfc.d.ts中,问题就可以解决了

 

以上是关于vue +ts 在router的路由中import报错的解决方案的主要内容,如果未能解决你的问题,请参考以下文章

vite+vue3+ts中的vue-router基本配置

在 App.vue 中注册 NavBar 组件时遇到问题

如何在 vue 3 中获取路由器的参数?

如何在 Vue 3 s-s-r 应用程序的路由器中使用 vuex 商店?

路由的基本认识

使用Typescript和类组件装饰器时如何在Vue Router中传递props