Question

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

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的人，请告诉我是否遗漏了一些东西。非常感谢您的帮助。谢谢

Answer 1

这与在html文件中执行操作相同，但是您需要将自己的react build文件添加到scripts部分中的angular cli json文件中，然后将css添加到styles部分中。

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

<div #react></div>

和打字稿中

@ViewChild('react') reactElement;

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

在Angle App中渲染React组件时出错

1 个答案: