项目场景：

vue3+vite项目

问题描述

在vue3中使用jsx报错React is not defined

解决方案：

此时还需要设置tsconfig.ts中配置"jsx": "preserve"属性。

方式一：

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

// vite.config.js
import vueJsx from '@vitejs/plugin-vue-jsx'

export default {
  plugins: [
    vueJsx({
      // options are passed on to @vue/babel-plugin-jsx
    })
  ]
}

方式二：
在vite.config.vue中添加如下代码：

 esbuild: {
    jsxFactory: 'h',
     jsxFragment: 'Fragment',
     jsxInject: "import { h } from 'vue';"
   },