1、先上个报错的图:
2、解决:
新建一个*.d.ts来告诉系统去理解.vue的文件也是一个ts文件类型, 这样就可以的。
在src目录下新建文件vue_ts.d.ts,内容如下:
declare module '*.vue' {
import { ComponentOptions } from 'vue'
const componentOptions: ComponentOptions
export default componentOptions
}
还有另一种:修改tsconfig.json
{
"files": [],
"references": [
{ "path": "./tsconfig.app.json" },
{ "path": "./tsconfig.node.json" }
],
"include": [
"src/**/*.ts",
"src/**/*.d.ts",
"src/**/*.tsx",
"src/**/*.vue"
]
}
3、整体的目录结构:
然后我们再回到提示出错的位置 :
这样就可以了。
参考:
vue3 报错解决:无法找到模块“./components/Person.vue”的声明文件_vue3 找不到文件的错误-CSDN博客