vue3 vite ts引入vue文件报错 ts(2307)

最新推荐文章于 2024-06-01 12:27:05 发布
最新推荐文章于 2024-06-01 12:27:05 发布
阅读量5k 收藏 5
点赞数 4
文章标签： vue.js 前端 typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/miaofangchao/article/details/128663264
版权

vue3 vite ts 生成的项目模板，在ts文件中引入vue文件报错 ts(2307)，只是ts报错，并不影响项目运行。
在这里插入图片描述
官方文档有说明：http://vue.dragonlm.com/guide/typescript/overview.html#ide-support
在这里插入图片描述

解决方法是安装插件，之后即可正常解析路径，并可以跳转到对应文件。
TypeScript Vue Plugin (Volar)
在这里插入图片描述
在这里插入图片描述

miaofangchao
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
vue3+ts+vite+router+vuex+api请求封装
12-29
Vue3+TS+Vite+Router+Vuex+API请求封装是现代前端开发中的一个典型组合，用于构建高效、可维护的后台管理系统。这个脚手架提供了完整的开发环境配置和基础架构，使得开发者能够快速搭建后台应用。下面将详细介绍这个...
报错：找不到模块“./App.vue”或其相应的类型声明。ts(2307)
小卡拉米的博客
01-23 4426
报错：找不到模块“./App.vue”或其相应的类型声明。ts(2307)
vue3 + ts + vite 项目：解决报错ts(2307)和ts(7016）Could not find xxx.vue‘
family20102010的博客
03-17 1987
main.ts内容如下，其中import App from './App.vue’报错，报错内容是：Could not find a declaration file for module ‘./App.vue’. ‘d:/Go/VUE/vue_ts/myproject/src/App.vue’ implicitly has an ‘any’ type.
Vue3引入Vue-Router及ElementPlus
最新发布
执笔写JAVA
06-01 703
vue3常见问题处理。如elementPlus引入、vue-router引入。以及vue3中父子组件调用方式、全局变量的使用等。
typescript项目中import 图片时报错：TS2307: Cannot find module ‘...’
weixin_55042716的博客
10-24 7653
如果在js中引入本地静态资源图片时使用import img from './img/bd_logo1.png'这种写法是没有问题的，但是在typscript中是无法识别非代码资源的，所以会报错TS2307: cannot find module '.png'。
解决TS2307报错问题
weixin_44533794的博客
05-31 3026
【代码】解决TS2307报错问题。
TS报错Cannot find module ‘xxx‘ or its corresponding type declarations
天问博客-专注于大前端技术
07-17 7686
最近使用 vite + vue3 + ts 开发一个文本标注的 web 平台，在项目中使用了一个 js-mark 的 npm 包，但是在 import 导入后出现了 TS 报错：TS2307: Cannot find module 'js-mark' or its corresponding type declarations.、无法解析模块 'js-mark' 的定义。
找不到模块“XXX.vue”或其相应的类型声明。ts(2307)(发生在rrouter.ts)
热门推荐
zhengwenhaodezw的博客
09-01 1万+
1.报错环境说明.一直使用的是vue2.6版本，也没有引入typescript写法，但是总是要学习新东西，感觉还是从别人的项目看看3.0项目的结构再开始学比较合适，但是新下载的项目还没有启动就报错如题目所示，后面下载依赖之后也能够运行，但是vs code一直报着这个错，这个其实很难忍受。 2.解决方案说明.在前端QQ群中发起提问，热心观众帮忙解决了，步骤如下 1）在项目的根目录下新建一个shims.d.ts的文件 2）在文件shims.d...
webpack 设置别名后 tslint报 TS(2307)错误
caperxi的博客
07-15 5594
项目中使用路径别名可以使代码简洁清晰，但当webpack 别名与TypeScript 相遇时，问题就来了，报出如下错误： 我在webpack中设置的别名为： 那么该怎么解决这个问题呢？ 就是在tsconfig.js 也要设置tslint能识别的针对webpack别名的别名设置（有点绕。。。）如下： 注意： baseUrl 和paths 这两个字段都是关键点。 设置好之后，完美解决问题 ...
字蛛-字体压缩模板-vite+vue3+ts
08-05
【标题】"字蛛-字体压缩模板-vite+vue3+ts" 是一个基于Vite、Vue3和TypeScript构建的字体压缩项目模板。这个模板旨在帮助开发者快速搭建一个优化了字体资源处理的前端应用，确保在开发过程中字体文件能够高效、精简...
vue3+vite+ts 仿淘宝放大镜效果
09-17
Vue3引入了Composition API，它允许开发者将逻辑分解为可重用的功能块，提高了代码的可维护性和组织性。 2. **Vite**：Vite是由Vue.js作者尤雨溪开发的新型前端构建工具。与传统的Webpack相比，Vite基于ES模块的热...
Vite+vue3+ts 项目初始化底座
02-21
Vue 3引入了许多改进，如Composition API，它允许开发者更灵活地组织和复用逻辑；Teleport提供了一种将元素渲染到DOM树其他位置的方法；Suspense则用于处理异步组件的加载状态。此外，Vue 3还优化了性能，减少了内存...
vue3.0找不到模块“./App.vue”或其相应的类型声明
Didizisama的博客
04-23 1579
在初识Vue脚手架的使用过程中，编写main.js代码时，遇到“找不到模块“./App.vue”或其相应的类型声明。ts(2307)”的错误，但目录中确实存在“App.vue”的文件。虽然不影响运行。
TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations.
一只奋斗的猪
01-09 5198
【报错原因】：`typescript` 只能理解 `.ts` 文件，无法理解 `.vue`文件。 推荐 VSCode + Volar 或 WebStorm 方案
找不到模块“*.vue”或其相应的类型声明。ts(2307)
qq_38952126的博客
03-08 8130
找不到模块“./tree/index.vue”或其相应的类型声明。ts(2307)
TS2307: Cannot find module ‘vant‘ or its corresponding type declarations
诉衷情の麻雀的博客
11-26 2825
用完npm 再用yarn都不行 可能是版本兼容问题 可以看到我的node_modules模块下已经安装了这个依赖 然后我在 package.json 中dependencies包的vue版本的下面 再定义vant的版本。今天在做项目的时候 需要引入vant组件库，但是按照官方的说法 需要运行 npm i vant。然后让npm帮我更新依赖安装vant。解决Vant安装却依然报错的问题。然后我安装了还是报错。
找不到模块“./App.vue”或其相应的类型声明。ts(2307)
Mr Dear的博客
02-24 4655
找不到模块“./App.vue”或其相应的类型声明。ts(2307)
错误：找不到模块“@/views/login/index.vue”或其相应的类型声明。ts(2307)
weixin_62922379的博客
06-15 5038
在我们配置vue项目路由的时候 ，使用到ts+vue组合的时候，由于ts类型需要明确 出现了这个错误。这样导致在我们配置项目路由的时候使用路由懒加载引入该组件的时候出现报错，，程序员最忌讳的就是爆红，因此，在网上找到了一些解决的方法。1.首先在src目录下创建一个vite-env.d.ts的文件。希望此文章可以帮助到你，如有侵权，可以联系删除！2.在文件中引入这些代码。
vue3 vite ts引入vue文件报错 ts
08-03
回答: 当在Vue3 Vite TypeScript项目中引入Vue文件时，可能会遇到TS(2307)的报错。这个报错只是TypeScript的报错，不会影响项目的运行。根据官方文档的说明[1]，可以解决这个问题。首先，在vite.config.ts文件中添加配置，引入vue插件和设置别名[2]。然后，在package.json文件中修改build参数和在tsconfig.json文件中添加paths配置[3]。这样就可以解决引入Vue文件报错的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值