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

news2024/11/28 5:42:02

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.coloradmin.cn/o/2062602.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

NVF04M录音芯片在宠物喂食器的应用:录音播放功能,内置SPI闪存

在现代社会中,宠物已经成为人们生活中的一部分,而宠物喂食器作为宠物养护的重要工具,也越来越受到人们的关注。为了满足人们对宠物喂食器的多样化需求,九芯电子供应商研发了一款NVF04M录音芯片。它在宠物喂食器中的作用主要是提供…

巧用PDF转Markdown插件,在扣子(Coze)手搓一个有趣好玩的AI Bot

近期,TextIn团队开发的PDF转Markdown插件已经上架Coze平台。 短短的时间内,已经有不少朋友愉快地和我们的工具开始玩耍。今天我们抛砖引玉,介(an)绍(li)几种PDF转Markdown插件的有趣玩法&#…

通用情商智商性格测试ACCESS\EXCEL数据库

今天这个数据库记录数不太多,是个可以进行智商和情商测试的数据,也可以体验比较有趣的测试体验,整个测试主要是以回答不同方面的问题来分析的。智商测试和情商测试均采用国际标准试题,采用国际标准测试题目,通过回答不…

多模态模型评测框架lmms-eval发布!全面覆盖,低成本,零污染

随着大模型研究的深入,如何将其推广到更多的模态上已经成为了学术界和产业界的热点。最近发布的闭源大模型如 GPT-4o、Claude 3.5 等都已经具备了超强的图像理解能力,LLaVA-NeXT、MiniCPM、InternVL 等开源领域模型也展现出了越来越接近闭源的性能。 在…

NSSM 注册exe服务

参考链接:https://www.cnblogs.com/magicMaQaQ/p/18174409 下载NSSM:[NSSM - the Non-Sucking Service Manager](NSSM - the Non-Sucking Service Manager) 解压得到的压缩包 使用管理员权限运行 cmd,来到解压后的目录,执行nssm…

信息学奥赛知识点(十二)----栈和队列

一、栈 栈是只能在某一端插入和删除的特殊线性表。 用桶堆积物品,先堆进行的压在底下,随后一件一件往上堆。取走时,只能从上面一件一件取。堆和取都在顶部进行。底部一般是不动的。 栈就是一种类似桶堆积物品的数据结构,进行删…

Go 1.23 新特性:Timer 和 Ticker 的重要优化

作者:陈明勇 个人网站:https://chenmingyong.cn 文章持续更新,如果本文能让您有所收获,欢迎点赞收藏加关注本号。 微信阅读可搜《程序员陈明勇》。 这篇文章已被收录于 Github,欢迎大 家Star 催更并持续关注。 前言 G…

js 实现对一个元素得拉伸

前言: 最近写一个项目遇到了需要拉伸调整一个元素得大小(宽高)。所以打算实现一下。 思路就是用 mousedown、mousemove、mouseup 来实现。 mousemove是动态获取坐标,然后 动态改变元素宽度 js自己实现: html里实现…

CentOS7发送邮件如何配置SMTP服务器发信?

CentOS7发送邮件安全设置?CentOS7发信性能优化方法? 对于使用CentOS7操作系统的用户而言,配置SMTP服务器以发送邮件是一个关键步骤。AokSend将详细介绍如何在CentOS7中配置SMTP服务器发信的方法和注意事项。 CentOS7发送邮件:准…

C#发邮件时如何确保邮件内容的安全和隐私?

C#发邮件性能优化的策略?如何设置C#发邮件的功能? 在使用C#发邮件时,如何确保邮件内容不被泄露、篡改或非法访问,已成为开发者需要面对的关键问题。AokSend将探讨在C#发邮件过程中,确保邮件内容安全和隐私的几种有效方…

你也想转行成为一名程序员吗?作为过来人的我希望你想清楚这几个问题再做决定

1 有个朋友突然找我:“现在的工作不想干了,我现在转行搞IT能不能行?学哪个编程语言比较有前景?现在去搞网络安全应该没问题吧?”我相信,很多人出于各种原因都在考虑要不要进行职业转换,迷茫又焦…

2024年最新Pycharm专业版激活码+Pycharm详细安装汉化教程

一、PyCharm激活 激活码: KQ8KMJ77TY-eyJsaWNlbnNlSWQiOiJLUThLTUo3N1RZIiwibGljZW5zZWVOYW1lIjoiVW5pdmVyc2l0YXMgTmVnZXJpIE1hbGFuZyIsImxpY2Vuc2VlVHlwZSI6IkNMQVNTUk9PTSIsImFzc2lnbmVlTmFtZSI6IkpldOWFqOWutuahtiDorqTlh4blupflkI0iLCJhc3NpZ25lZUVtYWlsIjoi…

动态规划part13

647. 回文子串 给定一个字符串,你的任务是计算这个字符串中有多少个回文子串。 具有不同开始位置或结束位置的子串,即使是由相同的字符组成,也会被视作不同的子串。 class Solution:def countSubstrings(self, s: str) -> int:dp [[Fa…

Chat App 项目之解析(九)

Chat App 项目介绍与解析(一)-CSDN博客文章浏览阅读468次,点赞12次,收藏3次。Chat App 是一个实时聊天应用程序,旨在为用户提供一个简单、直观的聊天平台。该应用程序不仅支持普通用户的注册和登录,还提供了…

ArcGIS小技巧:编辑一个面的边界时,如何让相邻面同步修改

欢迎关注同名微信公众号,更多文章推送: 在ArcGIS中手动编辑2个相邻面的共同边界时,通常需要2个面都跟着修改: 一般做法是用【整形要素工具】,但是【整形要素工具】不能选择多个要素执行,所以需要执行2次&am…

GoFly框架登录Token使用

token是验证请求接口用户身份的标识,框架建议开发者在识别用户身份时使用token尽量不要明文传用户标识数据。 一、生成用户登录token 通过routeuse.GenerateToken生成登录token,方法返回生成的token字符串和err错误提示,其中routeuse.UserC…

删除或丢失的移动硬盘数据如何恢复?三种办法助你找回宝贵资料

在数字化时代,移动硬盘已成为我们存储重要数据不可或缺的工具。然而,数据丢失或误删除的情况时有发生,让人倍感焦虑。别担心,本文将为你详细介绍如何恢复删除或丢失的移动硬盘数据,帮助你找回那些宝贵的资料。 一、检…

太仓自闭症谱系(ASD)儿童

在我国,自闭症谱系(ASD)儿童被称为“星星的孩子”,他们犹如夜空中闪烁的星星,孤独而遥远。为了关爱这些特殊的孩子,让他们更好地融入社会,太仓市星星雨特殊儿童康复中心应运而生。这家康复中心致…

【YashanDB认证】YCA学习记录

第一章:YashanDB基础介绍 国产化数据库的发展及未来 崖山数据库系统:YashanDB是【深圳计算科学研究院】完全自主研发设计的新型数据库系统,经过工信部下述机构权威检测,内核代码自主率100%。 YashanDB 核心交易型数据库 企业级…

拆卸并简单分析一个充电宝线路板

原因 一个很久的充电宝,电量完全不能满足使用,拆解下来的保护板分析 结构图解 除了下图,还有一些外围电路 工作原理图解 电池保护芯片XB8606A(停产) VM连接的是充电口的负极,而这个芯片通过控制电池…