Угловой 5 шаблонНЕ заполняется включением --aot, но будет без него.НЕТ ОШИБОК

Question

У меня есть загадка, кода не так много, но он относится к ANGULAR 5 и AOT.

Селектор шаблона:

<app-component></app-component>

(это общее имя)НЕ заполняйте переключателем: --aot.Он не выдаёт ОШИБКИ, но будет работать (заполняться) только без ключа --aot.

Нам нужно, чтобы это работало для наших сборок.

Чтобы раскрыть тайну, нужно ещеселектор:

<debug-modal></debug-modal>

«DOES» заполняется с и без ключа --aot.

Это очень расстраивает ...

Мысли, как это блокирует меня дляв течение недели.

ОБНОВЛЕНИЕ:

Происходит то, что файл HTML НЕ загружается ...

Вот код для @component:

import {trigger, state, style, animate, transition} from '@angular/animations';

@Component({
  selector: 'app-avatar',
  templateUrl: './avatar.component.html',
     styleUrls: ['./avatar.component.scss',
      './avatar-arrow.component.scss'],
      animations: [SlideInOutAnimation,
      trigger('hideShowAvatar', [
      state('true', style({opacity: 0})),
      state('false', style({opacity: 1})),
      transition('0 => 1', animate('.5s')),
      transition('1 => 0', animate('.9s'))
    ])]
})

модал отладки, который "IS" работает ... НЕ содержит анимации ...

Я удалил его, это не помогает.

Я перевернул строки:

  state('true', style({opacity: 1})),
  state('false', style({opacity: 0})),

Это не помогает.

Я ошеломлен ...