使用vue3项目中，出现Cannot find module ‘@/stores/counter‘ or its corresponding type declarations.Vetur(2307)

已于 2024-09-07 10:49:33 修改
阅读量317 收藏
点赞数 4
文章标签： javascript 前端 vue.js
于 2024-09-07 10:46:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38441229/article/details/141992231
版权
  1. 在vue3和ts项目中，使用@时出现错误。
  2. 使用相对路径不会出现错误。如下图，但这样治标不治本。请继续往下看。
  3. 虽然我们在vite.config.ts中有配置@为src的路径，如下图。
  4. 但是ts的config的配置没有配。需要进入tsconfig.json中，配置@为src。如下图。
  5. 可以看到错误没有出现了。
迷途小员员
关注
Cannot find module “xxx“ or its corresponding type declarations.Vetur
Vsmiao的博客
07-29 2705
最近再写vue3+ts项目时,在组件中通过@引入其他组件时vetur会报错,虽然不影响运行,但是红色波浪线看着很难受 研究了很久,最终发现是vscode项目文件夹下存在多个项目冲突导致的 解决方法:把其他项目从工作区移除重新启动或者单独打开项目文件夹到vscode ...
Vue3+TS+Vite 找不到模块“@/components/xxx/xxx”或其相应的类型声明。
xiamengge的博客
02-22 8753
Vue3+TS+Vite 找不到模块“@/components/xxx/xxx”或其相应的类型声明。
vue3和TS引入路径报错：Cannot find module ‘@config/utils‘ or its corresponding type declarations.
Lucky_girl_wan的博客
07-02 212
1.在vite.config.ts中进行配置。2.在tsconfig.json中进行配置。
【问题记录】Cannot find module or its corresponding type declarations.
Kuroko's Development Notes
06-07 1万+
typescript error ts2307 cannot find module or its corresponding type declarations
vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）
hfwangyl的博客
10-12 8578
4、点击“TypeScript and JavaScript Language Features”右下角的小齿轮，然后选择“Disable (Workspace)”。1、在当前项目的工作空间下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 唤起命令面板。2、输入 built，然后选择“Extensions：Show Built-in Extensions”。5、重新加载工作空间。3、在插件搜索框内输入 typescript (不要删除 @builtin 前缀)。
新建 vue3 项目报错 Cannot find module ‘./App.vue‘ or its corresponding type declarations.ts
宋坚强大大~~
02-19 1450
运行起来之后，点进 main.ts 以及其他引用了 vue 文件的地方发现报错。报错原因：typescript 只能理解 .ts 文件，无法理解 .vue文件。
解决Cannot find module ‘@/score/test/index.vue‘ or its corresponding type declarations.的报错
m0_73067198的博客
08-19 1163
【代码】tsconfig.json。
vue3+vite中 使用@不能找到模块 Cannot find module ‘@/utils/request‘ or its corresponding type declarations
weixin_44168929的博客
05-08 7495
在引入ts 文件的时候，我使用 import requset from ‘@/utils/request’;/utils/request"的时候是可以引入的成功的，加上@ 不行，那问题可能与@有关。执行 npm i @types/node --save-dev 项目结构中会自动生成一个vite-env.d.ts文件。(2) 在 tsconfig.json中配置代码。(1)配置别名 vite.config.js。使用上面的代码，我的文件就可以正常引入啦。
vue3 setup + ts + vite 项目问题解决：Cannot find module ... or its corresponding type declarations.（ts2307）
geejkse_seff的博客
03-01 1万+
昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现，遇到此问题： Cannot find module … or its corresponding type declarations.（ts2307） 文件报错类型以及ts官方错误说明： 这里以别名"@"为例子： // .vue文件 <script setup lang="ts"> import LoginApi from '@/apis/loginApi'; // (ts2307) import { getDat
【异常】ElementUI框架提示错误 Cannot find module ‘./element-ui‘ or its corresponding type declarations.
本本本添哥
01-09 2221
【异常】解决 Cannot find module './element-ui' or its corresponding type declarations.
vue 动态加载路由时报错Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext
热门推荐
bihaiyanyu的专栏
11-16 2万+
前几天写代码，写着写着，突然报了一个很奇怪的bug： 解决方法如下： 删除项目下面的label.config.js 授人以鱼不如授人以渔，以下是排查过程的思路，及排查过程尝试过的方法： 该错误是点左边菜单树的时候报错，打不开页面，开始以为是修改到了路由相关代码导致的，于是各种检查，没有发现任何异常代码。接下来发现更离谱的事情是打包发到测试环境和线上没这个问题，本地死活不行，把代码回退到之前很老的版本，还是报这个错。 接下来梳理报错前到底我做了哪些操作导致这个错误，由于公司是内外网隔离，内网
Vue: Cannot find module xxx or its corresponding type declarations.报错解决
weixin_42576759的博客
09-30 3845
在vite-env.d.ts中加入以下配置信息即可。简单记录下用Vue3创建项目爆红而采取的解决方案，
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 ‘@/xx‘ or its corresponding type declarations. Vetur(2307)
weixin_52268321的博客
07-28 1182
报错解决：Cannot find module '@xxx.vue' or its corresponding type declarations. Vetur(2307) 和 Module '"xxxx.vue"' has no default export.Vetur(1192)
Cannot find module ‘@/xx/...‘ or its corresponding type declarations.Vetur(2307)
左不言的博客
09-26 4498
第一个可能原因 没有配置alias 请参考官方文档： FAQ | VeturVue tooling for VS Code.https://vuejs.github.io/vetur/guide/FAQ.html#vetur-can-t-recognize-components-imported-using-webpack-s-alias配置了之后如果没生效，继续往下看 第二个可能原因 没有将项目放在第一个，也就是说你的 vscode 打开的必须是你的项目，而不是一个文件夹里边包...
Cannot find module ‘xxx‘ or its corresponding type declarations.Vetur(2307)
m0_59092234的博客
02-24 6237
问题描述：Cannot find module ‘‘store/index’ or its corresponding type declarations.Vetur(2307) 原因分析：以当前项目的上级目录为根目录， Vetur 不知道当前哪一层文件夹才是真正的根目录。 （1）在 tsconfig.json 中配置 baseUrl 和 paths { "compilerOptions": { "baseUrl": "./", "paths": { "@": ["src/*
引入ts文件报错# Cannot find module ‘@/utils/andts or its corresponding type declarations.
weixin_45372418的博客
05-22 3674
Cannot find module '@/utils/andts or its corresponding type declarations. 出现这样的错误,将文件拖到工作区的第一位 我们通常创建一个文件夹 然后在控制台输入 vue create 的脚手架命令 放在工作区的第一位就是如图 就是进入你项目中的文件夹 ，不要在外层 ...
vscode：配置@路径提示，并解决Cannot find module ‘@/utils/xxx‘ or its corresponding type declarations.
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
02-07 9070
vscode配置@路径提示，并解决由于@找不到模块的一些报错
TS2307: Cannot find module '@playwright/test' or its corresponding type declarations.
最新发布
09-30
这个 TypeScript 错误 "TS2307: Cannot find module '@playwright/test' or its corresponding type declarations." 表示你在 TypeScript 项目中尝试导入 Playwright 的测试框架 `@playwright/test`，但是编译器找不到相应的模块和类型的声明文件。Playwright 是一个用于自动化浏览器操作的库，而 `@playwright/test` 应该是在项目中作为测试工具被安装和使用的。 原因可能有： 1. **缺少依赖**：你需要先安装 `@playwright/test` 和它的类型支持。 2. **路径问题**：检查你的 `tsconfig.json` 中是否正确配置了 `typeRoots` 或者 `types` 来找到类型声明文件。 3. **模块未导入**：确保你已经在代码里正确地 `import {test} from '@playwright/test';` 或者类似的方式引用了它。 解决方案可以是： 1. 使用 npm 或 yarn 安装 `@playwright/test` 和其类型支持：`npm install @playwright/test playwright` 2. 配置 `tsconfig.json` 添加类型声明目录，例如： ```json { "compilerOptions": { "typeRoots": ["node_modules/@types"], // ... } } ``` 3. 检查导入是否正确无误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值