ts bug 找不到模块或相应类型的声明,@符有红色波浪线

解决方法:在env.d.ts文件中添加以下代码,这段代码是一个 TypeScript 的声明文件,用于让 TypeScript 知道如何处理 Vue 单文件组件(.vue 文件)的导入。

javascript 复制代码
/// <reference types="vite/client" />
// 声明一个模块,可以匹配任何以.vue结尾的文件
declare module '*.vue' {
  // 导入vue的defineComponent类型
  import { DefineComponent } from 'vue'
  // 定义一个常量component,类型为DefineComponent,DefineComponent 是 Vue 3 中的一个泛型类,
  // 接受三个类型参数,分别表示 Props、Emits 和 Slots 的类型。
  const component: DefineComponent<{}, {}, any>
  // 将这个 component 导出为默认导出。
  export default component
}

通过这个声明文件,可以确保在导入 Vue 单文件组件时,TypeScript 能够正确地推断组件的类型,并提供相应的代码提示和类型检查。

另一个bug:

路径正确,但是还是有红色波浪线, 而且项目可以正常运行,ctrl+左键 可以正常跳转,用相对路径就不报错,用@符号就报错,解决方案:

在tsconfig.json里配置:

"paths": {

"@/*": ["./src/*"]

}

javascript 复制代码
{
  "files": [],

  "references": [
    {
      "path": "./tsconfig.node.json"
    },
    {
      "path": "./tsconfig.app.json"
    }
  ],
  "compilerOptions": {
// 进行如下配置
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

注意就算是在tsconfig.app.json里配置了也没用,要在tsconfig.json里进行相同配置才行。

相关推荐
开-悟2 天前
嵌入式编程-使用AI查找BUG的启发
c语言·人工智能·嵌入式硬件·bug
一入JAVA毁终身2 天前
Data的时区格式BUG
bug
一入JAVA毁终身3 天前
处理Lombok的一个小BUG
java·开发语言·bug
SeaTunnel3 天前
SeaTunnel 社区月报(5-6 月):全新功能上线、Bug 大扫除、Merge 之星是谁?
大数据·开源·bug·数据集成·seatunnel
紫璨月3 天前
nginx反向代理的bug
运维·nginx·bug
从后端到QT3 天前
SRS流媒体服务器之本地测试rtc推流bug
bug·实时音视频
Java知识库14 天前
MySQL RC隔离级别惊现间隙锁:是bug吗?
数据库·mysql·bug
安卓机器14 天前
rom定制系列------红米note11 5G版 MTK芯片强解bl锁修复bug 官方系统 面具root批量线刷版
5g·bug
剽悍一小兔14 天前
一个小BUG引发的对Mybatis-Plus的模糊查询的思考
bug·mybatis
Gazer_S16 天前
【前端隐蔽 Bug 深度剖析:SVG 组件复用中的 ID 冲突陷阱】
前端·bug