报错 | vitest中，vue中使用jsx语法，报错：ReferenceError: React is not defined

省流总结：在 vite.config.ts 和 vitest.config.ts 中，都添加 vueJsx 插件的引入

报错：ReferenceError: React is not defined

分析：在vue中使用jsx语法，无法识别。

在 vite.config.ts 中添加了，jsx的相关代码，但依旧无法解决。

import { fileURLToPath, URL } from 'node:url'
import Vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import { defineConfig } from 'vite'
import vueDevTools from 'vite-plugin-vue-devtools'
import VueMacros from 'unplugin-vue-macros/vite'


// https://vite.dev/config/
export default defineConfig({
  plugins: [
    VueMacros({
      plugins: {
        vue: Vue(),
        vueJsx:vueJsx()
      },
    }),
    vueDevTools(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    },
  },
})

★ 突然想到 vitest.config.ts 首行添加了重置代码，那么要将vite.config.ts中的代码迁移到vitest.config.ts中，即复制一份 在vitest.config.ts中也添加 vueJsx 插件引入，

果然，问题解决！

---

 参考：vue3中使用jsx报错React is not defined和h is not defined-CSDN博客

vue3中使用jsx报错React is not defined_vue3 react is not defined-CSDN博客