安装

npm install typescript --save-dev
js后缀文件改为ts

使用vite引入TS后mian.ts引入的vue文件会报

原因是引入时typescript 只能理解 .ts 文件，无法理解 .vue文件
解决方法 在src文件夹内添加.ts文件,并输入以下内容：
vite-env.d.ts

/// <reference types="vite/client" />

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}

如果是vite记得把index.html里面的js同步改一下 改成ts：
<script type="module" src="/src/main.ts"></script>