Javascript 在angular应用程序中渲染react组件时出错

我正在尝试渲染angular 7应用程序中的react组件。我能够渲染简单的react组件，但当我尝试在angular应用程序内部渲染时，我得到以下错误（在浏览器控制台中）

SupersetClientClass.js:2 Uncaught ReferenceError: regeneratorRuntime is not defined
    at SupersetClientClass.js:2
    at SupersetClientClass.js:2
    at Module../node_modules/@superset-ui/connection/esm/SupersetClientClass.js (SupersetClientClass.js:3)
    at __webpack_require__ (bootstrap:78)
    at Module../node_modules/@superset-ui/connection/esm/SupersetClient.js (SupersetClient.js:1)
    at __webpack_require__ (bootstrap:78)
    at Module../node_modules/@superset-ui/connection/esm/index.js (index.js:1)
    at __webpack_require__ (bootstrap:78)
    at Module../node_modules/@superset-ui/chart/esm/clients/ChartClient.js (ChartClient.js:1)
    at __webpack_require__ (bootstrap:78)

---

我在网上搜索了这个错误，但无法解决它。这似乎是一个与巴贝尔有关的错误。请让我知道，如果我错过了什么，因为我是新的反应js。非常感谢您的帮助。谢谢

这与在html文件中执行相同，但您需要将react构建文件添加到脚本部分的angular cli json文件中，然后将css添加到样式部分

然后，在要引导的组件中，应用程序有一个容器组件，并将引导代码添加到ngAfterViewInit方法

<div #react></div>

---

你为什么要做这样的事？将React逻辑放在一个角度组件中不是更有意义吗？嗨@AdrianBrand。我需要使用angular中的超集插件来显示一些可视化效果。这些插件是用react js编写的。因此，最好重用这些插件，而不是用angular编写逻辑，因为重写它会花费大量时间。谢谢你的帮助。我已经用一个简单的react组件（比如一些文本）尝试过了，但是正如我在问题中提到的，它不适用于用react js编写的组件。请让我知道是否有任何其他方法来解决这个问题。对我来说，这似乎是来自超集react组件的问题。

@ViewChild('react') reactElement;

ngAfterViewInit() {
  ReactDOM.render(React.createElement(App, null), this.reactElement.nativeElement);
}