vue引入ts文件报红，找不到文件Cannot find module ‘@/components/charts/BarChart.vue‘ or its corresponding type dec

最新推荐文章于 2025-08-27 16:20:34 发布
原创 最新推荐文章于 2025-08-27 16:20:34 发布 · 7.9k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #typescript #前端 #vue #前端框架

在使用Vue3时遇到Vetur报错但不影响编译的问题，主要是因为vetur只能对第一个项目生效。解决方案包括单独在VSCode中打开项目或者确保项目作为文件列表的第一个。建议专注一个项目并单独打开以避免错误，同时减轻编译器负担。

vue3现在越来越多的人开始上手使用了，今天分享一个常见的问题，在.vue文件中引入各种api会出现vetur的提示错误，但并不影响编译运行。

话不多说，直接上解决方法。

出现这个问题的原因是vetur只能对第一个项目文件生效。

方案一：将你的项目单独在vscode中打开(最好用，最常用)

方案二：将你的项目作为文件的第一个项目，放在第一位（一般项目自动排列，涉及到命名问题）

最好养成习惯，每次专注于一个项目，将一个项目放在编译器中单独打开，不容易出错，也减轻了编译器的压力

解决：

 

vue中封装一个echart图表组件,在脚手架中应用
业余前端的职业经历
02-12 1797
echart在工作中经常用来渲染后台的数据展示,如果不了解echarts 的话 让用 canvas当然也可以画出来 但是太浪费时间 同时 我们引入echart 每次都是哪里引用 然后初始化一个echart 这样 比较浪费时间 最后的方法 是封装一个echart组件 那里调用 我们只用调用组件 把数据传入进去他就自动帮我们渲染 达到事半功倍的效果 1.我们封装之前 先看下官方例子 &...
In-Depth Research and Future Development Trends of Smart Large-Screen Applications Based on Vue
weixin_44889669的博客
05-04 591
Smart large-screen applications, serving as crucial support for modern information visualization and interaction, are widely applied in multiple key areas such as industrial monitoring, data centers, command and control centers, and commercial exhibitions.
解决 VitePress 在 docs中vue 文件导入的 ts 类型的组件报错:Cannot find module...or its corresponding type declarations
weixin_57818879的博客
06-28 1768
解决 VitePress 在 docs 中 vue 文件导入的 ts 类型的组件报错：Cannot find module '@/components/xxx.vue' or its corresponding type declarations。解决办法就是：让tsconfig.json作用域覆盖到 docs 或者把组件类型设置为any
Cannot find module ‘@/components‘ or its corresponding type declarations.Vetur(2307)
xiaotao131的专栏
07-06 6768
Vetur中@找不到模块问题解决
Cannot find module ‘@vitejs/plugin-vue‘ or its corresponding type declarations.
最新发布
Zh18649760263的博客
08-27 460
e:/VSCode/work/tooler/node_modules/@vitejs/plugin-vue/dist/index.d.ts”处有类型，但无法在当前 "moduleResolution" 设置下解析此结果。请考虑更新到 "node16"、"nodenext" 或 "bundler"。在tsconfig.node.json 文件中添加 "moduleResolution": "bundler"，即可解决问题。找不到模块“@vitejs/plugin-vue”或其相应的类型声明。
找不到模块“./XX/*”或其相应的类型声明。Cannot find module ‘./components/XX‘ or its corresponding type declaration
qq_27249535的博客
05-15 6654
在刚使用的vue3+ts的时候，.vue文件里导入了其他的.vue组件的时候会出现错误 去掉lang="ts"可以解决这个红色波浪线问题。 不想去掉lang="ts"也不报红色波浪线的话，在网上也找了很多相关解决问题，都没有解决这个，可能是我项目的配置还没到位吧。 最后在模块路径后面带上文件的后缀 例如：.vue解决了这个问题 ...
vue3和TS引入路径报错：Cannot find module ‘@/types‘ or its corresponding type declarations.
m0_57547754的博客
01-03 1万+
【代码】vue3和TS引入路径报错：Cannot find module ‘@/types‘ or its corresponding type declarations.
解决Vue3引入自定义组件报错Cannot find module ‘xxx‘ or its corresponding type declarations问题...
专研技术结交志同道合的朋友
12-25 996
一、报错 1、idea里报错 2、脚手架编译报错 二、原因 声明都没有问题，为什么还会报错? 是因为import的地址不对。 解决方案 import TheHeader from '../components/the-header.vue'; import TheFooter from "../components/the-footer.vue"; import TheSider from ...
【问题记录】Cannot find module or its corresponding type declarations.
Kuroko's Development Notes
06-07 2万+
typescript error ts2307 cannot find module or its corresponding type declarations
VUE3中出现Cannot find module ‘@/api/xxx.js‘ or its corresponding type declarations.
Thur_wake的博客
05-11 1854
@ts-ignore` 是 TypeScript 中的一个注释指令，用于告诉 TypeScript 编译器忽略下一行代码中的类型检查。在上面的例子中，如果没有 `@ts-ignore`，TypeScript 编译器会提示一个错误，因为 `myVariable` 的类型没有被定义。例如，当引入一个第三方库，而这个库没有提供类型定义文件（`.d.ts`），或者在开发过程中想要快速测试一些代码而不想处理类型错误时，可以使用 `@ts-ignore`。
Cannot find module ‘echarts‘ or its corresponding type declarations.
焚膏继晷时光荏苒
06-21 2303
Vue3+ts 在引入echarts会报错。先npm i @types/echarts。typings.d.ts文件。如果不行在根目录下加入。文件中加入以下代码即可。
Cannot find module ‘@/components/Test.vue‘ or its corresponding type declarations.ts-plugin(2307)
promiseful的博客
10-13 1823
一、新版本ts配置路径报错。2 重启vscode。
Cannot find module ‘@/components/modules/layout/zoomControl.vue‘ or its corresponding type declarati
Juntil_hu的博客
10-17 1099
【代码】Cannot find module ‘@/components/modules/layout/zoomControl.vue‘ or its corresponding type declarati。
引入组件时的错误：Module not found: Error: Can‘t resolve ‘@/pages/Search‘
cqy657675321的博客
04-22 3167
组件引入时出错
引入.vue出现红色波浪线,显示模块找不到
weixin_45724850的博客
07-23 979
文件作为一个模块，让TypeScript能够正确地识别和推断Vue单文件组件的类型。这样，在其他TypeScript文件中引入。该代码片段是用于在TypeScript中声明Vue单文件组件（.vue文件）的模块。希望以上解释能够帮助你理解这段代码的作用！如果还有其他问题，请随时提问。文件时，就可以获取到正确的类型提示和类型检查。语法来扩展全局模块定义，并指定了一个类型为。在d.ts文件中配置一下。
Vue3+Ts中导入文件报错无法找到模块的声明文件的解决办法
qzkgq的博客
08-05 765
安装这个插件，已安装还有问题的卸载从新安装或者在。
vue3+ts 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）
热门推荐
weixin_44166849的博客
03-29 3万+
3.检查 TypeScript 配置：如果项目中有 tsconfig.json 或 jsconfig.json 文件，确保该文件包含了正确的路径别名或根路径。4.检查 Vue 配置：如果使用了如 webpack 或 Vite 这样的构建工具，确保相关的配置能够正确处理 .vue 文件。1、在当前项目的工作空间下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 唤起命令面板。1.检查文件路径：确保 文件的路径是正确的，并且确实存在于 components 目录下。
Vue3+TS 报错：找不到模块或其相应的类型声明
banzhuanren1的博客
10-24 2008
在src 目录下找到vite-env.d.ts文件 将下方代码粘贴即可解决。
Vite+Vue3+TypeScript页面引入ts 或vue提示找不到模块“@/xxx/xxx.ts“,“@/xxx/xxx.vue“或其相应的类型声明
Java从0基础到全干
08-08 2948
Vite+Vue3+TypeScript页面引入ts报错,不识别@别名
解决Cannot find module '@sentry/webpack-plugin'等模块缺失问题
1. **Cannot find module**: 这是在Node.js中遇到的一个常见的错误信息，当Node.js运行时试图引入一个模块，但是找不到时就会出现这个错误。 2. **@sentry/webpack-plugin**: 这是一个Webpack插件，用于整合Sentry...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

liuwenjie_

感谢打赏，问题留言~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值