如何在 React + Babel 中允许异步函数?

2024-04-07

我有一个 Typescript/React 应用程序,它可以使用 then/catch Promise 执行异步函数,但不能使用 async/await/try/catch 执行异步函数。

错误是: Uncaught ReferenceError: regeneratorRuntime is not Define 。

该错误似乎来自 Babel。这是我的配置:

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-typescript",
    "@babel/preset-react"
  ],
  "plugins": ["babel-plugin-styled-components"]
}

如何解决这个问题?


您可以在以下位置找到您的解决方案here https://github.com/babel/babel/issues/8829#issuecomment-456524916

如果我总结一下,那么你必须安装一个babel插件名为plugin-transform-runtime并且需要配置.babelrc设置。

npm install @babel/plugin-transform-runtime --save-dev
npm install @babel/runtime

安装完这两个后进入.babelrc文件并添加这些插件。

"plugins": [
    ["@babel/plugin-transform-runtime",
      {
        "regenerator": true
      }
    ]
  ],
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 React + Babel 中允许异步函数? 的相关文章

随机推荐

  • 使用 JFreeChart 散点图有没有办法细分数据集的样式?

    我正在使用 JFreeChart 渲染包含数千个数据点的散点图 我通过将合适的 XYLineAndShapeRendererper 附加到每个数据集来控制每个 ScatterPlotDataset 的外观 样式 例如 数据集 1 中的点显示
  • 在运行时更改标签位置

    如何改变UILabel运行时的位置 Thanks label frame CGRectMake or label center CGPointMake
  • R中不同时间序列数据值的互相关

    我有 5 个地点 15 天的时间序列数据 以日格式 存储为matrix 数据的结构是 meter daywise lt structure c 24 4745528484842 21 5936510486629 58 91208965401
  • 在C中使用AVX实现矩阵运算

    我正在尝试使用 AVX 实现以下操作 for i 0 i
  • 通过代理使用 mySql 抛出异常 原因:java.sql.SQLException:不支持可调用语句。重新连接后

    大家好 我有这个问题 我启动我的应用程序 然后当它运行时我关闭 mysql 服务 当然我开始得到java sql SQLException Callable statements not supported 重新启动 mySql 服务后一切
  • 如何从flutter中的自定义Widget获取价值?

    我正在创建一个需要字符串列表并返回选定字符串的小部件 要多次使用 我创建了这个小部件名称过滤器面板 喜欢选择最喜欢的游戏 电影等 我已经解决了它放置在 showDialog 中 但在这里我不想使用显示对话框 class FilterScre
  • 将媒体查询上的导航栏移至右侧

    我试图在浏览器窗口达到一定大小时将导航栏移动到右侧的固定位置 并在浏览器窗口小于该大小时将其放在顶部 使用下面的代码 如 jsfiddle 中所示 当我调整 html 大小时 导航栏在左侧 而不是右侧 对齐 问题 如何将媒体查询上的导航栏移
  • 如何在不是字典的 json 模式中创建模式引用的嵌套列表(数组)

    所以我有一个类似的问题 参见 如何在 json 模式中创建模式引用的嵌套列表 数组 https stackoverflow com questions 35545812 how do i do a nested list array of
  • 您应该多久发布一次软件更新? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • iOS 上独立 Web 应用程序的调试控制台[重复]

    这个问题在这里已经有答案了 在 iPad 上测试我的 Web 应用程序时 我可以启用 Safari Mobile 的调试控制台并愉快地读取我的日志输出 我找不到对独立应用程序执行相同操作的方法 这意味着 Web 应用程序已 添加到主屏幕 并
  • .NET 中的值类型实际上是如何工作的?

    我在理解 NET 中的值类型表示时遇到问题 每个值类型都派生自 System ValueType 类 那么这是否意味着值类型是一个类 例如 如果我写 int x 5 这意味着我创建了一个实例System Int32类an 将其写入变量x S
  • 如何监听任意端口的广播包?

    使用 NET 如何在任何端口上侦听发送到 255的udp广播数据包 而不需要绑定到特定端口 我自己找到了办法 它是这样工作的 mainSocket new Socket AddressFamily InterNetwork SocketTy
  • JavaScript 访问父对象属性

    我在 JS 中遇到一个小问题 我有两个嵌套对象 我想从父对象访问一个变量 如下所示 var parent a 5 child b 3 displayA function console log this a undefined displa
  • iOS 中的本地通知没有任何声音

    void notifyMe UILocalNotification localNotification UILocalNotification alloc init localNotification fireDate NSDate dat
  • Git:父提交比后代提交年轻?

    我正在浏览http arago project org git projects linux omap3 git http arago project org git projects linux omap3 gitrepo 并遇到了一个奇
  • MASM0015; Web服务HandlerTubeFactory异常

    我正在尝试创建一个可以调用另一个的网络服务链 我已经创建了第一个服务并成功部署在 weblogic12c 上 当第一个 Web 服务尝试调用外部 Web 服务时 出现以下异常 notifyAbout WSTestOuter outer ne
  • 使用 javascript 加载部分 html

    在我的网站上 我加载在服务器 nodejs 上呈现的 html 并将其插入到正确的位置 大多数情况下是带有 id 内容的 div 如何在客户端插入接收到的 html 以便执行包含的脚本标记 我在客户端使用下划线和把手 但 vanillajs
  • 为什么GK110有192个核心和4个扭曲?

    我想感受一下开普勒的架构 但这对我来说没有意义 如果一个 warp 有 32 个线程 其中 4 个被调度 执行 则意味着 128 个核心正在使用 64 个核心处于空闲状态 白皮书中提到了独立指令 那么64核是为这些指令保留的吗 如果是这样
  • 如何从此类图像中删除背景?

    我想删除该图像的背景以仅获取人物 我有数千张这样的图像 基本上是一个人和一个有点发白的背景 我所做的是使用边缘检测器 例如 canny 边缘检测器或索贝尔滤波器 来自skimage图书馆 然后我认为可以做的是 将边缘内的像素变白 并将边缘外
  • 如何在 React + Babel 中允许异步函数?

    我有一个 Typescript React 应用程序 它可以使用 then catch Promise 执行异步函数 但不能使用 async await try catch 执行异步函数 错误是 Uncaught ReferenceErro