安装插件

我使用的vite构建，所以直接使用vite的插件，其他的工具也有对应的插件

npm i @vitejs/plugin-vue-jsx -D

配置

配置vite.config.ts

import { defineConfig } from "vite"; 
import vue from "@vitejs/plugin-vue"; 
import vueJsx from "@vitejs/plugin-vue-jsx"; 
// https://vitejs.dev/config/ 
export default defineConfig({ plugins: [vue(), vueJsx()], });

配置tsconfig.json

{
  "compilerOptions": {
    "jsx": "preserve",
    "jsxImportSource": "vue",
  },
}