Angular 8 не может импортировать несколько вложенных компонентов - PullRequest
0 голосов
/ 27 февраля 2020

Я пытаюсь импортировать компонент в другой компонент на странице. Моя структура:

<Parent>
    <listComponent>
        <dataComponent></dataComponent>
    </listComponent>
</parent>

Приложение может загрузить

<listComponent>

, но выдает ошибку для

<dataComponent>

Ошибка: ошибки синтаксического анализа шаблона: ' dataComponent 'не является известным элементом: 1. Если' dataComponent 'является компонентом Angular, убедитесь, что он является частью этого модуля.

Html listComponent

<ion-header>
</ion-header>
 <ion-content>
   <mbsc-form [options]="formOption" class="modal-pos">
      <dataComponent>
      </dataComponent>
   </mbsc-form>
</ion-content>

Html parent

<ion-header>
</ion-header>
 <ion-content>
   <mbsc-form [options]="formOption" class="modal-pos">
      <listComponent>
      </listComponent>
   </mbsc-form>
</ion-content>

app.module.ts

@NgModule({
    declarations: [
        Parent,
        dataComponent,
        listComponent,
    ],
    entryComponents: [
        Parent,
        dataComponent,
        listComponent,
      ]
})

Ответы [ 2 ]

2 голосов
/ 27 февраля 2020

Вы пробовали импортировать dataComponent в модуль listComponent?

Или добавить dataComponent в @ NgModule.schemas компонента listComponent, как говорится в консольном сообщении?

1 голос
/ 27 февраля 2020

Извините, это была моя ошибка, орфографическая ошибка в названии компонента. (иметь два компонента с почти одинаковыми именами)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...