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

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里进行相同配置才行。

http://www.xdnf.cn/news/4126.html

相关文章:

  • Prometheus实战教程:k8s平台-使用文件服务发现案例
  • Android Retrofit框架分析(三):自动切换回主线程;bulid的过程;create方法+ServiceMethod源码了解
  • 【Azure Redis 缓存】关于Azure Cache for Redis 服务在传输和存储键值对(Key/Value)的加密问题
  • Windows系统修改Docker Desktop(WSL2)内存分配
  • Facebook隐私保护措施的优缺点解析
  • Java面试全栈解析:Spring Boot、Kafka与Redis实战揭秘
  • Jenkins+Newman实现接口自动化测试
  • 蓝桥杯-通电(最小生成树java)
  • Axure : 列表分页、 列表翻页
  • 第1.3讲、什么是 Attention?——从点菜说起 [特殊字符]️
  • FastJSON 使用 `Feature.OrderedField` 修复 `JSONObject` 序列化字段顺序问题
  • 用 GRPO 魔法点亮Text2SQL 的推理之路:让模型“思考”得更像人类
  • AI服务器的作用都有哪些?
  • 【工具使用-数据可视化工具】Apache Superset
  • Cursor 被封解决方案
  • 2、Kafka Replica机制与ISR、HW、LEO、AR、OSR详解
  • .NET 通过回调函数执行 Shellcode启动进程
  • 广州华锐视点邀您参与2025广交会VRAR展【5月10-12日】
  • 快速体验 .NET9 提供的 HybridCache 混合缓存
  • wrod生成pdf。[特殊字符]改背景
  • 基于Piecewise Jerk Speed Optimizer的速度规划算法(附ROS C++/Python仿真)
  • C++多态详解
  • ORCAD打印pdf
  • Docker手动重构Nginx镜像,融入Lua、Redis功能
  • 【C++】WSL常用语法
  • 先滤波再降采样 还是 先降采样再滤波
  • IL2CPP 技术深度解析
  • std::move()详解
  • n8n 使用 Merge 节点进行数据聚合
  • 系统思考:困惑源于内心假设