vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）-Toy模板网

这篇具有很好参考价值的文章主要介绍了vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

当我们在引入应该组件的时候提示找不到这个组件但是项目明明就有这个物理文件

报错原因：typescript 只能理解 .ts 文件，无法理解 .vue文件

出现这样的

vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）

第一种方法就是在env.d.ts 里面添加下面代码

1 declare module '*.vue' {
2   import type { DefineComponent } from 'vue'
3   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
4   const component: DefineComponent<{}, {}, any>
5   export default component
6 }

如图

vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）

第二种

这个时候我们应该这样

首先

原因：
1、volar 插件没开takeover模式
去看volar插件介绍，开takeover模式
2、volar未选择tyscript最新版本
解决：
1、在当前项目的工作空间下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 唤起命令面板。
2、输入 built，然后选择“Extensions：Show Built-in Extensions”。
3、在插件搜索框内输入 typescript (不要删除 @builtin 前缀)。
4、点击“TypeScript and JavaScript Language Features”右下角的小齿轮，然后选择“Disable (Workspace)”。
5、重新加载工作空间。Takeover 模式将会在你打开一个 Vue 或者 TS 文件时自动启用。

vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）