vue3学习中踩的坑

1.找不到模块“./App.vue”或其相应的类型声明。

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

 解决: 在最外层声明一个全局文件,内容如下

declare module '*.vue' {
  import { App, defineComponent } from 'vue'
  const component: ReturnType & {
    install(app: App): void
  }
  export default component
}

2.使用vue3.2.16,vite2.6.4版本,ts构建项目,想使用别名,在vite配置过resolve后文件中还是不能识别

 解决方案:在tsconfig.json也配置别名

vite.config.js 里的是给 Rollup 看的，实际是 @rollup/plugin-alias 这个插件的配置项，用于 Rollup 构建时模块化查找路径。

tsconfig.json 里的是给 tsc 看的，用于 TypeScript 构建时模块化查找路径