Ошибка при рендеринге реагирующих компонентов в угловом приложении - PullRequest
Новая
       63

Ошибка при рендеринге реагирующих компонентов в угловом приложении

2 голосов
/ 12 марта 2019

Я пытаюсь сделать компоненты реакции внутри приложения 7 angular. Я могу отобразить простые компоненты реакции, но я получаю следующую ошибку (в консоли браузера), когда пытаюсь отобразить Superset plug-plug внутри углового приложения. 

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)

Я искал в Интернете эту ошибку, но не смог ее устранить. Кажется, это ошибка, связанная с babel. Пожалуйста, дайте мне знать, если я что-то упустил, так как я новичок, чтобы реагировать. Любая помощь высоко ценится. Спасибо

1 Ответ

0 голосов
/ 12 марта 2019

Это будет то же самое, что и в html-файле, но вы добавите ваши файлы сборки build в файл angular cli json в разделе скриптов, а затем добавите CSS в раздел стилей.

Затемв компоненте, который вы хотите загрузить, у приложения есть компонент контейнера и добавьте код начальной загрузки в метод ngAfterViewInit. 

<div #react></div>

и в Typescript 

@ViewChild('react') reactElement;

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