Question

我正在使用Angular元素创建微型应用程序，每个应用程序都捆绑到一个文件中，然后我想在Shell应用程序中使用这些捆绑包。问题在于，将会有很多微型应用程序，最好仅在需要时加载它们。

我试图动态插入指向微型应用程序的脚本标签，然后将该标签用于外壳应用程序中的Web组件。

  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');

我希望Web组件能够正确显示，但出现此错误：

未捕获的TypeError：无法读取未定义的属性'Node'

Angular 7中的延迟加载Web组件包

0 个答案: