vue3+vite在main.ts或者main.js文件中引入/App.vue报错（/App.vue不是模块）

Dorable_Wander

已于 2022-12-28 15:26:05 修改

阅读量1.5w

点赞数 22

CC 4.0 BY-SA版权

分类专栏： Vue 报错文章标签： vue.js javascript 前端 typescript

于 2022-12-26 14:57:21 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/XSL_HR/article/details/128437240

vscode报错：./APP.vue不是模块

场景复现
情况一、vue3.0+js
情况二、vue3.0+ts
- 方案一：根目录新建env.d.ts
- 方案二：根目录新建tsconfig.json

vue3报错提示找不到模块“/App.vue”或其相应的类型声明

场景复现

在使用 vue3➕vite➕ts 或者 js 搭建前端框架时，在main.ts或者main.js中引入/App.vue报错。报错内容为 /App.vue不是模块。下面我们分vue3+js和vue3+ts两种情况讨论，给出相应的解决方案。

情况一、vue3.0+js

报错显示：
在这里插入图片描述
报错原因：javascript只能理解.js文件，无法理解.vue文件。

解决方案：根目录新建jsconfig.json

{
   
    "compilerOptions":

最低0.47元/天解锁文章

评论 15

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

Dorable_Wander 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

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

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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