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

Vue3+Vite 解决“找不到模块“@/components/xxx.vue”或其相应的类型声明 ts(2307)”

1. 安装插件

pnpm i @types/node -D

2. 修改vite.config.ts文件

import path from 'path';resolve: {alias: {"@": path.resolve(__dirname,"./src"),},},

在这里插入图片描述

3. 修改tsconfig.app.json文件

  • 别人教的都是修改tsconfig.json文件,但是我发现可能是因为版本的问题,我的tsconfig.json长这样:
    在这里插入图片描述
  • tsconfig.app.json文件中添加
    "baseUrl": ".","paths": {"@/*": ["./src/*"],}

在这里插入图片描述

  • 终于不报错了

在这里插入图片描述

4. vue和vite的版本

在这里插入图片描述

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【Git】更新拉取Coding子仓库代码 及 过程中用户名密码输什么 git submodule
  • 做其他的不好吗?别写代码了(3)
  • 深度解读AI大模型最火的智能体(AI Agent)
  • CRMEB 多店版 v3.1更新预告,快来尝鲜
  • 大数据-95 Spark 集群 SparkSQL Action与Transformation操作 详细解释与测试案例
  • 百度最新旗舰大模型文心4.0 Turbo精调服务上线
  • flutter_markdown 基本使用
  • C语言分析数据在内存中的存储一:(整形在内存中的存储)
  • 手动修改zk类型的kafka offset
  • Django 中render、redirect 和 HttpResponse的区别
  • QPushbutton checked状态下文字显示不全
  • 学懂C++(三十六):深入理解与实现C++进程间通信(IPC)
  • Controller中接收数组参数 post请求中在body中传+post请求中通过表单形式传(x-www-form-urlencoded)
  • Python接口自动化测试框架介绍
  • 使用FFmpeg更改视频播放速度的方法
  • CSS 提示工具(Tooltip)
  • extract-text-webpack-plugin用法
  • JAVA SE 6 GC调优笔记
  • Python实现BT种子转化为磁力链接【实战】
  • 短视频宝贝=慢?阿里巴巴工程师这样秒开短视频
  • 海量大数据大屏分析展示一步到位:DataWorks数据服务+MaxCompute Lightning对接DataV最佳实践...
  • 机器学习中为什么要做归一化normalization
  • 吴恩达Deep Learning课程练习题参考答案——R语言版
  • 一些关于Rust在2019年的思考
  • 分布式关系型数据库服务 DRDS 支持显示的 Prepare 及逻辑库锁功能等多项能力 ...
  • !!java web学习笔记(一到五)
  • # 睡眠3秒_床上这样睡觉的人,睡眠质量多半不好
  • #Datawhale AI夏令营第4期#AIGC方向 文生图 Task2
  • #stm32驱动外设模块总结w5500模块
  • #我与Java虚拟机的故事#连载09:面试大厂逃不过的JVM
  • (+4)2.2UML建模图
  • (02)vite环境变量配置
  • (CPU/GPU)粒子继承贴图颜色发射
  • (C语言)fgets与fputs函数详解
  • (vue)el-cascader级联选择器按勾选的顺序传值,摆脱层级约束
  • (二)延时任务篇——通过redis的key监听,实现延迟任务实战
  • (二)丶RabbitMQ的六大核心
  • (转) Android中ViewStub组件使用
  • .NET COER+CONSUL微服务项目在CENTOS环境下的部署实践
  • .NET 程序如何获取图片的宽高(框架自带多种方法的不同性能)
  • .net 连接达梦数据库开发环境部署
  • .NET 中创建支持集合初始化器的类型
  • .NET 中选择合适的文件打开模式(CreateNew, Create, Open, OpenOrCreate, Truncate, Append)
  • .NET建议使用的大小写命名原则
  • .Net接口调试与案例
  • .net中生成excel后调整宽度
  • [AIGC] 开源流程引擎哪个好,如何选型?
  • [Android Studio] 开发Java 程序
  • [C#]猫叫人醒老鼠跑 C#的委托及事件
  • [C#]手把手教你打造Socket的TCP通讯连接(一)
  • [CF]Codeforces Round #551 (Div. 2)
  • [Day 36] 區塊鏈與人工智能的聯動應用:理論、技術與實踐
  • [DevOps云实践] 彻底删除AWS云资源
  • [HackMyVM]靶场 Quick3
  • [ICCV2017]Neural Person Search Machines