Ошибка сборки после углового обновления - MediaQueryListEvent не может быть назначен для типа MediaQueryList

Question

Я обновил свой угловой с 5.2 до 7.2.0 и использую следующие версии пакетов:

" @ angular / flex-layout ": " ^ 7.0.0-beta.22 ", машинописная версия : 3.2.2 , " @ angular / cdk ": 7.2.1 , " @ angular / cli : 7.1.4 "

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

'MediaQueryListEvent' нельзя назначить для типа MediaQueryList.

export class LayoutComponent implements OnInit, OnDestroy {

  private _router: Subscription;

  mediaMatcher: MediaQueryList = matchMedia(`(max-width: ${SMALL_WIDTH_BREAKPOINT}px)`);
  url: string;
  sidePanelOpened;

  constructor (
    private _element: ElementRef,
    private router: Router) {
    this.mediaMatcher.addListener(mql => zone.run(() => {
      this.mediaMatcher = mql; //i am getting error here Type 'MediaQueryListEvent' is not assignable to type 'MediaQueryList'.
                  //Property 'onchange' is missing in type 'MediaQueryListEvent'.
    }));
  }
 }

Может кто-нибудь помочь мне решить эту проблему.

Answer 1

Привет, вы можете попробовать изменить эту строку

zone.run(() => this.mediaMatcher = mql));

для этого

zone.run(() => this.mediaMatcher = matchMedia(`(max-width: ${SMALL_WIDTH_BREAKPOINT}px)`)));