Труба не может быть найдена: Угловая 5 пользовательских труб

Question

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

Однако независимо от того, что я делаю, я не могу заставить свой шаблон найти созданную мной трубу. В моем приложении уже есть общий модуль, который импортируются другими модулями, поэтому я создал канал и добавил его в общий модуль:

Я создал это с ng g pipe /shared/pipes/safe --flat --module shared --spec=false

В Shared Module я тоже добавил его в declarations а также providers,

Все работает, но я пытаюсь использовать трубу, как в:

<iframe width="600" height="360" [src]="video.acf.youtube_url | safe: 'url'" frameborder="0" allowfullscreen></iframe>

Я просто получаю ошибку

Error: Uncaught (in promise): Error: Template parse errors: The pipe 'safe' could not be found

Сама труба

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';

@Pipe({
  name: 'safe'
})
export class SafePipe implements PipeTransform {

  constructor(protected sanitizer: DomSanitizer) { }

  public transform(value: any, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl {
    switch (type) {
      case 'html': return this.sanitizer.bypassSecurityTrustHtml(value);
      case 'style': return this.sanitizer.bypassSecurityTrustStyle(value);
      case 'script': return this.sanitizer.bypassSecurityTrustScript(value);
      case 'url': return this.sanitizer.bypassSecurityTrustUrl(value);
      case 'resourceUrl': return this.sanitizer.bypassSecurityTrustResourceUrl(value);
      default: throw new Error(`Invalid safe type specified: ${type}`);
    }
  }
}

Answer 1

Вы должны добавить его под SharedModule экспорт,

exports: [
   SafePipe
]