Пакет ленивой загрузки веб-компонентов в Angular 7 - PullRequest
Новая
       20

Пакет ленивой загрузки веб-компонентов в Angular 7

0 голосов
/ 02 июля 2019

Я использую элементы Angular для создания микро-приложений, каждое из этих приложений объединено в один файл, и затем я хотел бы использовать эти пакеты в приложении оболочки.Проблема в том, что будет много микроприложений, и лучше всего их загружать только при необходимости.

Я попытался динамически вставить тег сценария, указывающий на микро-приложение, а затем использовать тег для веб-компонента в приложении оболочки. 

  const content = document.getElementById('content');

  const script = document.createElement('script');
  script.src = 'localhost:8080/main.js';
  script.onerror = () => console.error(`error loading script`);
  content.appendChild(script);

  const element: HTMLElement = document.createElement("example-component");
  element.addEventListener('message', msg => this.handleMessage(msg));
  content.appendChild(element);
  element.setAttribute('state', 'init');

Ожидается, что веб-компонент будет отображаться правильно, ноЯ получаю эту ошибку:

Uncaught TypeError: Невозможно прочитать свойство 'Node' из неопределенного

...