vue3 + TS:找不到模块“@/views/xxx.vue”或其相应的类型声明,ts语法报错

今天在项目开发中遇到一个 vue3 + Ts 的一个问题,项目运行没问题,但是就是代码就是报ts语法错误,如下:

原因:因为我们使用的是 ts 的语法,项目只识别 ts 后缀的文件,无法识别  .vue 文件,所以引入的时候会报错;

tips:这里只是 ts 语法警告报错,实际并不影响我们项目的运行!

解决:在 src 文件目录下新建一个 env.d.ts 文件,加入下面代码就解决了

1
2
3
4
5
6
7
8
9
10
11
12
13
方法一:
declare module '*.vue' {
   import type { DefineComponent } from 'vue'
   const component: ComponentOptions | ComponentOptions['setup']
   export default component
}
 
方法二:
declare module '*.vue' {
    import { ComponentOptions } from 'vue'
    const componentOptions: ComponentOptions
    export default componentOptions
 }<br><br>
posted @   八阿哥_小冷  阅读(2095)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示