使用vue3+ts导入vue文件的时候,路径一切都是对的,却偏偏报错:找不到模块“./XXX.vue”或其相应的类型声明。
如图:
报错原因是:typescript 只能理解 .ts 文件,无法理解 .vue文件
因此需要给.vue文件加上类型说明文件
解决方法:在项目根目录下创建一个后缀为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
}
神奇的发现,报错不见了,搞定