简介:vue3中使用jsx报错React is not defined和h is not defined 在Vue 3 中使用 JSX 时,你可能会遇到React is not defined和h is not defined的错误。这些错误通常是因为 JSX 转换需要知道如何创建 VNode(Vue 的虚拟节点),并且默认情况下 JSX 是为 React 设计的。 为了解决这个问题,你需要做以下几步: 1....
vue3+vite+ts使用jsx报错 ReferenceError: React is not defined 解决方法 1、引入@vitejs/plugin-vue-jsx, 执行 npm i @vitejs/plugin-vue-jsx -D -S 2、在vite.config.ts中配置插件 // 导入importvueJsxfrom'@vitejs/plugin-vue-jsx';plugins:[// 增加此行代码vueJsx(),]...
vite为.jsx和.tsx文件提供开箱即用支持。 如果不是在react中使用jsx,对于报错: React is not defined 需要在vite.config.js文件中添加如下配置: exportdefault{esbuild: {jsxFactory:'h',jsxFragment:'Fragment'} } 此时重新启动项目如有报错: h is not defined 需要在.jsx或.tsx文件中手动引入import { h }...