将Stripe Payment集成到React js中

Question

我已在演示的React项目中使用 Stripe 实现了付款，而作为后端，我使用了 Express Js 。

现在，我正在尝试将演示项目代码合并到我的实际项目中，但是在运行它时显示错误，如下所示：

CheckoutForm.js?8185:16 Uncaught ReferenceError: 
    regeneratorRuntime is not defined 

所以我用Google搜索了此错误，并在package.json文件中添加了以下依赖项，但仍然遇到上述错误。

"babel-core": "^6.26.3", 
"babel-polyfill": "^6.26.0",  
"babel-preset-es2015": "^6.24.1", 
"babel-preset-stage-0": "^6.24.1

下面是我的.babelrc文件代码。

{
  "stage"   : 0,
  "env": {
    "development": {
      "plugins" : ["react-transform"],
      "extra": {
        "react-transform": [{
          "target" : "react-transform-hmr",
          "imports" : ["react"],
          "locals" : ["module"]
        }, {
          "target" : "react-transform-catch-errors",
          "imports" : ["react", "redbox-react"]
        }]
      }
    },
    "production": {

    }
  }
}

有人对此问题有任何参考链接或解决方案吗？

Answer 1

我昨天实际上是在另一个图书馆遇到这个问题的。对我有用的是执行您在上面所做的操作，而且还将polyfill导入到我的应用程序的主要入口点组件中：

import 'babel-polyfill';

这可能是您所缺少的。