在导入.vue文件的时候，ts报错提示：找不到模块“@/Layout/index.vue”或其相应的类型声明

已于 2023-06-21 14:40:55 修改
阅读量3.4k 收藏 2
点赞数 2
文章标签： 前端
于 2023-06-21 13:58:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Frank_colo/article/details/131326381
版权
当导入模块时遇到找不到“/Layout/index.vue”的错误，问题可能出在ts.config.json的include配置和路径设置。通过设置baseURL明确根目录为当前文件夹，以及在paths中用@/*代替src/*，可以解决.ts文件导入.vue文件时的路径问题，确保能正确找到文件并消除TS编译错误。
摘要由CSDN通过智能技术生成

导入的时候，提示下面这句

找不到模块“@/Layout/index.vue”或其相应的类型声明

 会报错的原因是，ts.config.json配置文件里的include字段里的后缀文件，ts在找它的时候，路径有问题，没找到

 解决方案

配置baseurl字段 明确指定根目录是ts.config.json文件所在的当前文件夹

配置paths字段 用@/* 代替src/*

配置了这两个字段，在文件里导入.vue文件的时候，如果用了@/开头，就能顺利找到文件了

 配置好后，就成功了，ts没有报错了

 

 

烟火的降落
关注
Failed to resolve import “@/views/index.vue“ vue3 路由配置@找不到文件
且听风吟的博客
04-13 1万+
使用 vite 搭建一个 vue3 的一个typescript的项目。 配置路由的添加路由界面的时候，报错：找不到指定的文件
vuecil报错：warning in ./src/plugins/element.jsexport ‘default‘ (imported as ‘Vue‘) was not found in ‘
had1695016179的博客
07-03 724
vue版本更新之后，npm run serve程序后会报错：warning in ./src/plugins/element.jsexport 'default' (imported as 'Vue') was not found in '。ps:如果创建Vue文件是vue2的版本，则没有以上问题，如果vue3的话则需要注意main.js文件里的代码。vue2里面，main.js文件里面是import Vue from 'vue'对于elementUI官网上面的element的组件列表的快速引入方式。
找不到模块“../views/layout/index.vue”或其相应的类型声明。ts(2307)
SUNN1Y的博客
01-03 737
原文链接：https://blog.csdn.net/qq_40913592/article/details/131476419。版权声明：本文为CSDN博主「自动化处理」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。在vue项目开发，运行不报错，在我们配置项目路由的时候使用路由懒加载引入该组件的时候出现报错， 在编辑器里报错，十分难受。这个错误很明显是ts抛出的，产生的原因是vue中没有export变量，导致ts无法识别导出的内容，即ts类型需要明确 ，
ts提示：找不到模块“xxx”或其他相应模块的类型声明
最新发布
qq_50386946的博客
09-13 238
ts提示：找不到模块“xxx”或其他相应模块的类型声明。
解决vscode红色波浪线报错：找不到模块“@/views/layout/index.vue”或其相应的类型声明。
qq_38019052的博客
10-16 1370
【代码】解决vscode红色波浪线报错：找不到模块“@/views/layout/index.vue”或其相应的类型声明。
vscode 中引入文件报类型错误：找不到模块“@/views/login/index.vue”或其相应的类型声明。ts(2307)没有可用的快速修复
shadow_yi_0416的博客
05-24 6716
找不到模块“@/views/login/index.vue”或其相应的类型声明。ts(2307)没有可用的快速修复
问题:找不到模块“@/…”或其相应的类型声明
m0_61301727的博客
01-06 942
tsconfig.json 中添加配置。
使用模板创建【vite+vue3+ts】项目出现 “找不到模块‘vue‘或其相应的类型声明” 的解决方案
前端小白, 稀土：雩风十六
07-18 2103
项目前台需要使用Vue3+Ts来写一个H5应用，然后我用模板创建创建完后进入，两眼一黑。
Vite 3.x + Vue 3.x + TypeScript 4.x + Element Plus + Pinia 搭建项目
lhz_333的博客
08-17 1654
学习如逆水行舟，不进则退。
vue component 中引入less文件报错 Module build failed
10-17
在上面的例子中，如果当前Less文件位于Vue组件的`default.vue`中，则`../`表示从当前目录（`default.vue`所在目录）返回上一级目录，然后进入`assets/css/public/layout.less`。 4. **Vue组件中Less使用**: 在Vue...
Volar: Could not find a declaration file for module './layouts/BasicLayout.vue'. 'd:/JavaProgram/SystemOfMatch/yupi-project/src/layouts/BasicLayout.vue.js' implicitly has an 'any' type.
07-17
解决这个问题的方法是为`./layouts/BasicLayout.vue`模块创建一个声明文件，以便TypeScript可以正确地推断其类型。你可以按照以下步骤操作： 1. 在与`BasicLayout.vue`文件相同的目录下创建一个名为`BasicLayout....
解决：找不到模块“@”或其相应的类型声明
wsq8435的博客
05-31 2222
当你在做VUE2项目import导入js文件的时候，突然出现：找不到模块“@/”或其相应的类型声明。原因：编译器无法在该路径找到对应的模块文件或其类型声明文件。
找不到模块“vue-router”或其相应的类型声明。ts(2307)
qq_37899792的博客
01-30 3156
然后选择“Extensions：Show Built-in Extensions”。step4：禁用（工作区） 【Disable (Workspace)】step3：在插件搜索框内输入。
vue3 报错提示 找不到模块“./XXX.vue”或其相应的类型声明
Eiwen的技术生涯
05-06 3074
解决方法： 1、在src根目录下创建一个文件env.d.ts的文件 2、在文件上写上以下内容： declare module '*.vue' { import type { DefineComponent } from 'vue' // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types const component: DefineComponen...
找不到模块“./App.vue”或其相应的类型声明。ts(2307)
qq_42807952的博客
11-09 3779
这是我们初始创建是就自带的，怎么会错误呢，实际上是因为未定义 .vue文件的类型，导致 ts 无法解析其类型，在env.d.ts中定义后即可解决。在咱们的这个文件（vite.env.d.ts）之中添加这一段代码：（假如没有这个文件就自己创建一个）对于我们初学者来说，刚刚按照视频来创建的项目怎么啥也没动，就报这样的错误呢？返回观察，不在报错。
找不到模块“xxx.vue”或其相应的类型声明。ts
bsegebr的博客
03-07 423
在项目根目录下新建.d.ts文件并写入 declare module '*.vue' { import { DefineComponent } from 'vue'; const Component: DefineComponent<{}, {}, any>; export default Component; } 不想自己写的小伙伴 一积分下载 下载配置文件 ...
Vue3解决“找不到模块“@/components/xxx.vue”或其相应的类型声明”
qq_43657722的博客
05-22 8690
在使用 Vue 3 开发项目时，遇到“找不到模块 ‘@/components/xxx.vue’ 或其相应的类型声明”的错误是一个常见问题。这通常与 TypeScript 和模块解析相关的配置不当有关。本文将详细介绍如何解决此问题，确保你的项目能够正确识别和导入 Vue 组件。
vue 找不到模块“@/stores/index”或其相应的类型声明。ts-plugin
weixin_43951592的博客
09-11 486
再加上 tsconfig.json 中有 references 它就可以了，没想到还是要在 tsconfig.json 中复制多这一段才行，也不知道什么原因。原本以为在tsconfig.app.json 中有。本来的 tsconfig.app.json 如下。本来的 tsconfig.json 如下。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值