vite2+vue3使用jsx报错React is not defined

news/2024/7/15 18:10:23 标签: react.js, javascript, 前端

vite2+vue3使用jsx报错React is not defined

如果不是在 react 中使用 jsx,对于报错:

React is not defined

需要在 vite.config.js 文件中添加如下配置:

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

最后一句相当于vite的注入helper自动引入 h


http://www.niftyadmin.cn/n/554736.html

相关文章

匿名函数及内置函数

1.lamda匿名函数 alambda x:x*x print(a(6))不需要def声明,一句话就可以声明出来一个函数 注意:1.函数的参数可以有多个,多个参数之间用逗号隔开 2.匿名函数不管多复杂,只能写一行,逻辑结束后直接返回数据 2.sorted()排…

CSS 中你需要知道 auto 的一切!

在CSS中,我们有auto值,它可以用于像margin,position,height,width等属性。在本文中,会先解释auto的工作方式以及如何最大程度地利用auto的技术细节,当然,会配合一些用例和示例。简介 auto关键字…

JavaScript运算符(一)

运算符也叫操作符,通过运算符可以对一个或者多个值进行运算,并获取运算结果。 算数运算符 加:可以对两个值进行加法运算,如果是两个字符串则进行字符串拼接,任何值和字符串做加法运算,都会先转为字符串&am…

[Js基础]日期快捷获取:获取(本月/本周)的(第一/最后一天)

[Js基础]日期快捷获取:获取(本月/本周)的(第一/最后一天) /*** 获取本月第一天*/ const getNowMonthFirst () > {const date new Date();date.setDate(1);return date; };/*** 获取本月最后一天*/ const getNowMonthLast (…

mysql数据库授权详解

先设置该用户只有show database权限grant select,insert,update,delete on redmine1.* to jira"%" identified by "jira"; 新增超级权限并允许远程访问: GRANT ALL PRIVILEGES ON *.* TO myuser192.168.1.3 IDENTIFIED BY mypassword WITH GRAN…

JavaScript运算符(二)

JavaScript运算符(二) 关系运算符 关系运算符执行的是比较运算。每个关系运算符都返回一个布尔值。 关系运算符小于、大于、小于等于和大于等于执行的是两个数的比较运算,比较方式与算术比较运算相同。每个关系运算符都返回一个布尔值: 条件运算符 条…

如何在Vue 中管理 Mixins(搞懂这两点就足够了)

当我们的Vue项目功能越来越多时,如果有类似的组件,可能会发现自己一次又一次地复制和粘贴相同的数据、方法和 watch。当然,我们可以将所有这些单独的文件编写为一个单独的组件,并使用 prop 来尝试自定义它们,但是使用这…

spring boot web开发 简单的增删改查和spring boot 自带的Junit测试 案例

创建 web项目 配置pom.xml文件 ------相当于jar包 配置application.yml -----配置文件(spring数据库连接、server服务、logging日志等) 创建 package (entity、controller、service、configuration、repository、interceptor等&#xff…