vue injection not found（vue3+vite在main.ts或者main.js文件中引入/App.vue报错（/App.vue不是模块））
导读：vue3报错提示 找不到模块“/App.vue”或其相应的类型声明...
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": { "baseUrl": "./", "paths": { "@/*":[ "src/*" ] } }, "exclude": [ "node_modeules", "dist" ] }此时问题已经解决：👇👇👇
情况二 、vue3.0+ts
报错显示：
报错原因：typescript只能理解.ts文件 ，无法理解.vue文件 。方案一：根目录新建env.d.ts
在根目录新建env.d.ts文件 ，写入以下内容：
declare module *.vue { import type { DefineComponent } from vue // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types const component: DefineComponent<{}, {}, any> export default component }也可以解决问题 ，缺点是需要一直打开
方案二：根目录新建tsconfig.json
在根目录新建tsconfig.json文件 ，写入以下内容：
{ "compilerOptions": { "target": "esnext", "module": "esnext", "strict": false, "jsx": "preserve", "moduleResolution": "node" } }此时报错已解决 👇👇👇
觉得这篇文章有用的小伙伴们
可以点赞➕收藏➕关注哦~
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！