Vite创建Vue+TS项目引入文件路径报错

news/2024/11/8 17:11:47/

使用vite搭建vue3脚手架的时候,发现main.ts中引入App.vue编辑器会报错,但是不影响代码运行。

报错信息:TS2307: Cannot find module ‘./App.vue’ or its corresponding type declarations.

翻译过来是找不到模块或者相关的声明类型;

报错的原因是因为ts不识别.vue后缀的文件。
在这里插入图片描述
解决方式:

创建脚手架的时候,项目的根目录下会生成一个env.d.ts文件,修改文件里面的代码,在文件里面增加下面的代码

declare module "*.vue" {import { DefineComponent } from "vue"const component: DefineComponent<{}, {}, any>export default component
}

编辑器中的报错就不存在了。


http://www.ppmy.cn/news/988274.html

相关文章

没有 telnet 不能测试端口?容器化部署最佳的端口测试方式

写在前面 生产中遇到&#xff0c;整理笔记在容器中没有 telnet &#xff0c;如何测试远程端口理解不足小伙伴帮忙指正 他的一生告诉我们&#xff0c;不能自爱就不能爱人&#xff0c;憎恨自己也必憎恨他人&#xff0c;最后也会像可恶的自私一样&#xff0c;使人变得极度孤独和悲…

《重构的时机和方法》——让你的代码更健壮、更易维护

&#x1f44f;作者简介&#xff1a;大家好&#xff0c;我是爱敲代码的小黄&#xff0c;独角兽企业的Java开发工程师&#xff0c;CSDN博客专家&#xff0c;阿里云专家博主&#x1f4d5;系列专栏&#xff1a;Java设计模式、Spring源码系列、Netty源码系列、Kafka源码系列、JUC源码…

AI聊天GPT三步上篮!

1、是什么&#xff1f; CHATGPT是OpenAI开发的基于GPT&#xff08;Generative Pre-trained Transformer&#xff09;架构的聊天型人工智能模型。也就是你问它答&#xff0c;根据网络抓去训练 2、怎么用&#xff1f; 清晰表达自己诉求&#xff0c;因为它就是一个AI助手&#…

Flutter 的线程模型和异步原理

本文字数&#xff1a;&#xff1a;36130字 预计阅读时间&#xff1a;91分钟 在Android应用中&#xff0c; 用户时常会遇到界面卡顿的情况&#xff0c;非常影响用户的体验。作为Android开发肯定都知道&#xff1a;应用在主线程里做了大量的耗时操作(例如文件读写&#xff0c; 数…

牛客「土」秘法地震(二维前缀和)

帕秋莉掌握了一种土属性魔法 这种魔法可以在一片kk大小的一个正方形区域内产生地震 但是如果某片即将产生地震的区域内有建筑物&#xff0c;帕秋莉会停止施法 整个地图大小为nm&#xff0c;其中一些地方有建筑 请问有多少种可能的情况&#xff0c;使得帕秋莉会停止施法 输…

【程序员面试金典】02.07. 链表相交

题目 解题思路 Code Java public ListNode getIntersectionNode(ListNode headA, ListNode headB) {if (headA null || headB null) return null;ListNode a headA;ListNode b headB;while (a ! b ) {a a ! null ? a.next : headB; b b ! null ? b.next : headA; …

安装MySQL 5.7.20

基本上是这个过程&#xff1a;安装配置MYSQL教程 第一种出现报错&#xff1a; mysqld: Can’t create/write to file D: ools\MySQL\mysql-5.7.32-winx64… 错误原因及其修改方法 可以看见在报错的时候文件的路径是不对的&#xff0c;正确的路径应该是D: \tools\MySQL\mysql…

RESTful

RESTful 什么是RESTful? REST:Representational State Transfer&#xff0c;表现层资源状态转移 RESTFUL是一种网络应用程序的设计风格和开发方式&#xff0c;基于HTTP&#xff0c;可以使用XML格式定义或JSON格式定义。RESTFUL适用于移动互联网厂商作为业务使能接口的场景&…