vue项目实战系列三十三：vue3 ts报错解决

1. 找不到模块"./App.vue"或其相应的类型声明:

(1). 原因:

①. 没有相关的声明文件
②. 在ts项目中,.ts文件识别不了.vue文件

(2). 根目录创建hair.d.ts(名字可自定义,必须以.d.ts文件结尾):

declare module "*.vue" {
  import { defineComponent } from "vue";
  const Component: ReturnType<typeof defineComponent>;
  export default Component;
}

(3). 在tsconfig文件中include中添加需要解析的vue文件:

"include": ["env.d.ts", "src/**/*", "src/**/*.vue", "hair.d.ts"],

(4). 重启IDE

---

2. 此导入从不用作值，必须使用 “import type” ，因为 “importsNotUsedAsValues” 设置为 “error”

// 报错前
import { themeStoreType } from '@/store/modules/themeStore/themeStore.d'

// 解决后
import type { themeStoreType } from '@/store/modules/themeStore/themeStore.d'
``