webstorm报错：TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations

最新推荐文章于 2024-08-19 14:37:54 发布
最新推荐文章于 2024-08-19 14:37:54 发布
阅读量4.6k 收藏 10
点赞数 15
文章标签： webstorm vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47659279/article/details/130796116
版权

错误描述

在使用ts后，webstrom报以下错误

TS2307: Cannot find module ‘./App.vue’ or its corresponding type declarations.
在这里插入图片描述

错误原因

ts不认识.vue文件

解决方案

在App.vue同级目录下新建vite-env.d.ts文件，并在该文件中添加以下内容

declare module '*.vue' {
  import Vue from "vue";
  export default Vue
}

以上代码含义是告诉ts把.vue文件解析为Vue组件

程序猿想成程序狮
关注
Failed to compile. ./src/utils/request.js Module not found: Error: Can‘t resolve ‘util-merge‘ in ‘C
孙叫兽的博客
10-13 4740
在webstorm运行vue的一个项目，访问主页报错： Failed to compile. ./src/utils/request.js Module not found: Error: Can't resolve 'util-merge' in 'C:\Users\Pactera\Desktop\rtt_web\src\utils' 检查了一下代码是缺少util-merge插件。可以在编译器上进行安装，或者更改声明。 重新访问地址即可。 ...
解决npm错误Error: Cannot find module ‘shelljs‘
有问题或资源连接有缺失的可以私信公众号新潮看世界获取
07-18 3500
结果在创建项目的时候出现了某些包下载不下来，一直出现deprecated信息，接着即使shelljs模块找不到。本来想着创建一个vue的项目，但是一直用的webstorm的破解版不好用了，就索性转向vscode吧。看到这里，我重复执行了好几遍，都不行，提示网络超时。看来国内的网络还真的是。...
main.ts中引入App.vue报错：Cannot find module ‘./App.vue‘ or its corresponding type declarations
m0_67009383的博客
02-28 1303
main.ts中引入App.vue报错：Cannot find module ‘./App.vue‘ or its corresponding type declarations
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
Cannot find module ‘./App.vue‘ or its corresponding type declarati....大概率是你编译的时候出错了，解决办法
最新发布
08-19 495
出现这个错误的原因，是ts编译命令失败导致的，因为ts只认识ts文件，不认识vue文件，所以要想打包编译，就需要使用vue-ts。
TS2307: Cannot find module ‘./App.vue‘ or its corresponding type declarations.
一只奋斗的猪
01-09 6599
【报错原因】：`typescript` 只能理解 `.ts` 文件，无法理解 `.vue`文件。 推荐 VSCode + Volar 或 WebStorm 方案
新建 vue3 项目报错 Cannot find module ‘./App.vue‘ or its corresponding type declarations.ts
宋坚强大大~~
02-19 1378
运行起来之后，点进 main.ts 以及其他引用了 vue 文件的地方发现报错。报错原因：typescript 只能理解 .ts 文件，无法理解 .vue文件。
解决Cannot find module ‘./App.vue‘ or its corresponding type declaration 的问题
热爱编程的你我
06-07 3458
文件中添加下面的代码。
error: cannot open .git/FETCH_HEAD: Permission denied 解决方案
Wollens Blogs
06-06 7852
error: cannot open .git/FETCH_HEAD: Permission denied 问题背景： 公司 gitlab 服务最近从香港迁移到国内，域名也修改啦，需要将服务器中部署的 service remote-url 更新 git remote set-url origin https://gitlab-remote-url 更新完成之后，在某次跑 service 的 CI/CD 部分时报错: git checkout dev Already on 'dev' Your br
WebStorm 启动失败 ErrOr: ENOENTI: no such file or directory, open ‘D:\project \xxx\log-2019-03-29. log
01-20
WebStorm 启动失败 ErrOr: ENOENTI: no such file or directory, open ‘D: \project \Areallagic\test \logs \log-2019-03-29. log 问题描述: 最近刚开始学习node.js,使用webStorm写demo时经常报这个错。 使用这个...
webstorm和.vue中es6语法报错的解决方法
08-27
WebStorm 和 Vue 中 ES6 语法报错的解决方法 ES6 语法报错是 WebStorm 和 Vue 开发中常见的问题，本文将总结 WebStorm 和 Vue 中 ES6 语法报错的解决方法，以便开发者避免采坑。 WebStorm 中 ES6 语法报错的解决...
pnpm 安装报错Cannot find module ‘./App.vue‘ or its corresponding type declarations.
txxxfish的专栏
04-21 1485
vue.d.ts里面是export @vue/runtime-dom，然后@vue/runtime-dom export @vue/runtime-core。最近的项目准备尝试搭建monorepo管理手机后台和门户三端，更新了vue3+webpack5+ts工程的包版本，运行后把eslint和stylelint的配置改完，yarn安装运行没问题，换pnpm安装后运行，先是报错vue全局拓展的 @vue/runtime-core 未定义。
安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
热门推荐
qq_39111074的博客
03-13 1万+
安装vite框架，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
vue3.2+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307)
caishijian2008的专栏
12-18 8038
vue3.2+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307) 未定义 .vue文件的类型，导致 ts 无法解析其类型，在env.d.ts中定义后即可解决。
Cannot find module ‘@/views/test/index.vue‘ or its corresponding type declarations.ts(2307)的原因
m0_57996540的博客
05-17 7240
报错Cannot find module '@/views/test/index.vue' or its corresponding type declarations.ts(2307)
vite创建项目，报错“Cannot find module ‘./App.vue‘ or its corresponding type declaration” 问题解决方法
So.九天
03-22 1050
Cannot find module ‘./App.vue‘
Cannot find module ... or its corresponding type declarations.（ts2307）
2201_75705263的博客
05-14 5116
vue
vue3报错：Cannot find module ‘@/xx‘ or its corresponding type declarations. Vetur(2307)
weixin_52268321的博客
07-28 1105
报错解决：Cannot find module '@xxx.vue' or its corresponding type declarations. Vetur(2307) 和 Module '"xxxx.vue"' has no default export.Vetur(1192)
怎么解决WebStorm报错：Cannot use import statement outside a module
07-25
WebStorm报错`Cannot use import statement outside a module`是因为当前文件被视为普通的脚本文件，而不是ES模块。要解决这个问题，你可以按照以下步骤进行操作： 1. 确保当前文件是一个ES模块。检查文件扩展名是否为.js，并确保在文件中使用了`import`语句来导入其他模块。 2. 将当前文件标记为ES模块。在WebStorm中，右键单击当前文件，选择"Mark as"（标记为）选项，然后选择"ECMAScript 6 module"（ECMAScript 6模块）。 3. 确保项目配置正确。在WebStorm的设置中，找到"Languages & Frameworks"（语言和框架）> "JavaScript"（JavaScript）> "JavaScript language version"（JavaScript语言版本），确保选择的是支持ES模块语法的版本，如ECMAScript 6或更高版本。 4. 确保你的项目已经启用了模块化。在项目的根目录下，确保存在一个`package.json`文件，并且其中的`type`字段被设置为`module`。如果没有`package.json`文件，可以手动创建一个，并添加相应的配置。 5. 确保你的代码在支持ES模块的环境中运行。如果你正在使用的是旧版的Node.js或浏览器，可能需要更新到支持ES模块的版本。 通过以上步骤，你应该能够解决WebStorm报错`Cannot use import statement outside a module`。如果问题仍然存在，请检查你的代码是否符合ES模块的语法规范，并确保相关的依赖模块已正确安装。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值