Я создал сервис, который использую в двух отдельных компонентах из одного и того же модуля.
Служба имеет несколько импортов и несколько нормальна.
import { CdkPortal } from "@angular/cdk/portal";
import { ElementRef, Injectable } from "@angular/core";
import { Subject, Subscription } from "rxjs";
@Injectable()
export class TestService {...}
Я добавил службу в модуль в массив providers
, а также в оба компонента, где находится служба необходимо.
Первый компонент использует службу без проблем.
import { FlyoutService } from "../flyout.service";
@Component({
selector: "test-uno",
templateUrl: "./test-uno.component.html",
styleUrls: ["./test-uno.component.scss"],
})
export class TestUnoComponent implements OnInit, OnDestroy, AfterViewInit {
constructor(private flyoutService: FlyoutService) {...}
}
Второй компонент, который использует службу так же, как я думаю, не работает.
import { FlyoutService } from "./../flyout.service";
@Component({
selector: "test-dos",
templateUrl: "./test-dos.component.html",
styleUrls: ["./test-dos.component.scss"],
animations: [...],
})
export class TestDosComponent implements OnInit, OnChanges, OnDestroy {
constructor(private flyoutService: FlyoutService) { }
}
Второй компонент завершается с ошибкой в браузере с ошибкой: Export of name 'CdkPortal' not found.
Это происходит только в том случае, если для buildOptimizer установлено значение true в сборке. Есть идеи, что происходит?