Vite 中同时使用 setup 和 JSX 时 createVNode 未定义如何解决？

Question

vite中同时使用setup和jsx，会报createVNode 未定义。


我在代码里使用语法糖setup和jsx类型，会报createVNode 未定义。
在浏览器看是因为createVNode被重命名为_createVNode，但是在return时，用的是原来的createVNode


这种写法在webpack那里是可以正常使用的，请问在vite要如何修改才行

期望能正常运行，不报 ReferenceError: createVNode is not defined

Answer 1

确认一下是否引入了jsx插件：

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

vite.config.ts/js:

export default defineConfig({
  plugins: [vue(), vueJsx()],
});