javascript - 如何在 React + Babel 中允许异步函数？

Question

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

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

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

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

如何解决这个问题？

Answer 1

您可以在 here 找到您的解决方案

如果我总结一下，那么您必须安装一个名为 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
      }
    ]
  ],