当前位置: 首页 > news >正文

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

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

/// <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/*"]

    }
 

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

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

相关文章:

  • 基于Dify的工作流实现python编码规则的检查
  • 【程序员AI入门:应用】7.LangChain是什么?
  • 第11次:用户注册(完整版)
  • OpenHarmony GPIO应用开发-LED
  • 63.微服务保姆教程 (六) SkyWalking--分布式链路追踪系统/分布式的应用性能管理工具
  • 原生 IP(Native IP)
  • C++23 std::generator:用于范围的同步协程生成器 (P2502R2, P2787R0)
  • FlinkCDC采集MySQL8.4报错
  • 如何监控Kafka的Lag(消费延迟)?
  • RT-Thread中的配置
  • MySQL同步ES的6种方案!
  • [三分钟]性能测试工具JMeter入门: 下载安装JMeter并设置中文;JMeter基本使用流程
  • 解锁科研文献检索密码:多工具协同攻略
  • 给frp设置开机自启
  • 应急响应靶场web1:知攻善防实验室
  • 分布式 ID 的技术解析与实现实践
  • 【Java EE初阶 --- 多线程(初阶)】多线程的基本内容
  • ZYNQ-UART串口中断
  • 【Java篇】内存中的桥梁:Java数组与引用的灵动操作
  • 前端封装框架依赖管理全攻略:构建轻量可维护的私有框架
  • 市场监管总局通报民用“三表”专项检查结果
  • 山东滕州一车辆撞向公交站台撞倒多人,肇事者被控制,案件已移交刑警
  • 体坛联播|米兰逆转热那亚豪取3连胜,阿诺德官宣离开利物浦
  • 特朗普要征100%关税,好莱坞这批境外摄制新片有麻烦了
  • 来论|受美国“保护”,日本民众要付出什么代价?
  • 铺就长三角南北“交通动脉”,乍嘉苏改高速扩建项目首桩入位