0

Estoy pasando un proyecto de Angular de la versión 6 a la 7, y me encuentro con un error al momento de compilar:

ERROR in src/app/options/services/media-query.service.ts: error TS2322: Type 'MediaQueryListEvent' is not assignable to type 'MediaQueryList'.

Estoy usando Flex-layout y lo actualice en el package.json así:

"@angular/flex-layout": "^7.0.0-beta.19"

Pero parece que algo más cambio porque en la versión 6 esto funcionaba muy bien.

Este es el código del servicio 'media-query.service.ts':

import { MediaMatcher } from '@angular/cdk/layout';

const LIMITE_ANCHO_MENU = 750;
const LIMITE_ANCHO_TITULO = 375;

export class MediaQueryService {
  private matcher: MediaQueryList;

  constructor(private zone: NgZone,             
              private mediaMatcher: MediaMatcher) {

    this.matcher = this.mediaMatcher.matchMedia(`(max-width: ${LIMITE_ANCHO_MENU}px)`);

    this.matcher.addListener(mql => this.zone.run(() => {
      this.matcher = mql;      
    }));
}

El error sale en la línea donde tengo la instrucción: this.matcher = mql;

Mil gracias por la ayuda.

1
  • Mira aquí parece ser que @angular/flex-layout tiene un conflicto con TypeScript y deberías comprobar/ajustar las versiones instaladas Commented el 14 nov. 2018 a las 12:02

1 respuesta 1

0

Intenta cambiar la linea

this.zone.run(() => { this.matcher = mql; }

por está y ya debería funcionar, son algunos cambios de angular.

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

suerte crack

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.