
这个错误通常出现在Vue 3 + TypeScript项目中,主要原因是TypeScript无法识别.vue文件类型。以下是几种解决方案:
1、Vetur替换为Volar:
如果是VSCode用户,需要将Vetur扩展替换为Volar扩展,因为Vetur是为Vue 2设计的。
2、添加类型声明:
在项目根目录的env.d.ts文件中添加以下声明:
declare module '*.vue' {
import { DefineComponent } from 'vue'
const component: DefineComponent<{}, {}, any>
export default component
}
如果没有这个文件,需要新建一个。
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"env.d.ts"
]
4、查别名配置:
如果是vite项目,确保vite.config.ts中配置了正确的路径别名。
5、模块解析策略:
在tsconfig.json中设置"moduleResolution": "node"。
这些解决方案中,添加类型声明和配置Volar是最关键的步骤。
发布时间 : 2025-08-22,阅读量:3