当前位置: 首页 > 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的版本

在这里插入图片描述


http://www.mrgr.cn/news/5386.html

相关文章:

  • 深度学习入门-第5章-误差方向传播法
  • NumExpr加速计算(numpy表达式)
  • LeetCode //C - 318. Maximum Product of Word Lengths
  • 浅谈Kafka(二)
  • 网络初识部分
  • 水土保持方案编制
  • 【17】HotSopt虚拟机的intrinsic
  • 前端vue 3中使用 顶象 vue3 版本
  • 苍穹外卖(瑞吉外卖)--环境搭建
  • C# x Unity面向对象补全计划 设计模式 之 实现一个简单的有限状态机
  • 《基于 Spark 的平替药品智能推荐方法》
  • 开发团队应对突发的技术故障和危机
  • 【nvm】误操作npm install npm@latest -g如何回退
  • SQLserver中的索引以及创建主键,外键,唯一约束,自增
  • 康耐视相机与发那科机器人通过Ethernet I/P直连与程序编写
  • wpf VisualStateManager.VisualStateGroups 介绍和举例
  • 结构型模式之外观模式
  • 美国高防服务器到底怎么选
  • 一文教你正确打通WSL和win10宿主机网络全通道
  • 鸿蒙(API 12 Beta3版)【Image Kit简介】图片处理服务