Угловой элемент: элемент в другом приложении.Не удалось выполнить 'define' для 'CustomElementRegistry' - PullRequest
Новая
       13

Угловой элемент: элемент в другом приложении.Не удалось выполнить 'define' для 'CustomElementRegistry'

0 голосов
/ 28 января 2019

Моя проблема проста.Я создал простой проект углового элемента, используя AngularCLI.Сложил все в один файл и включил этот файл в другой Angular Project, где я вставляю свой элемент-компонент в виде квилла.Все работает в режиме разработчика (ng serve), но если я пытаюсь выполнить ng build --prod, все, что у меня есть, это ошибка:

scripts.705fd9036deb97b0a4f7.js: 1 ERROR DOMException: Failedвыполнить 'define' для 'CustomElementRegistry': это имя уже использовалось с этим реестром в CustomElementRegistry.t. (анонимная функция) [как определить]

Немного искал решение и его отношение кngDoBootstrap вызывается дважды, но я не видел никакого конкретного решения этой ошибки.Есть ли способ использовать такие угловые элементы?Если да, то как?

Модуль проекта Angular elements: 

  constructor(private injector: Injector) { }

  ngDoBootstrap() {
    const el2 = createCustomElement(InnerArticleComponent, { injector: this.injector });
    customElements.define('element-inner-article', el2);
  }

В основной Angular Project я просто включаю выходной пакет из проекта Angular elements в файл Angular.json.

...