ExpressionChangedAfterItHasBeenCheckedError received

[gbrlsnchs]

ExpressionChangedAfterItHasBeenCheckedError received

[dsitaliM]

This has to do with change detection. You can read more about it here. I solved this problem by using the detectChanges() method from ChangeDetectorRef i.e.

constructor(private cdr: ChangeDetectorRef) {}

  ngOnInit() {}

  ngAfterViewInit(): void {
    this.cdr.detectChanges();
  }

You'll need to implement the AfterViewInit interface.

[gbrlsnchs]

I haven't had this issue myself, so I need to investigate further. Sorry for the inconvenience.

[tomschreck]

I too am getting this same error. However, I am only implementing the carousel one time inside a component. Any progress on a solution?

This seems like a good reference: https://blog.angularindepth.com/everything-you-need-to-know-about-the-expressionchangedafterithasbeencheckederror-error-e3fd9ce7dbb4

[suga0828]

By the way, when @dsitaliM says: You'll need to implement the AfterViewInit interface., he refers to:

import { AfterViewInit } from '@angular/core';

export class YourClass implements OnInit, AfterViewInit {
  ...
}

[evandorland]

That worked for me. Thanks for your support.