Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

@angular/flex-layout/flex-layout"' has no exported member 'ObservableMedia'

See original GitHub issue

Bug Report

What is the expected behavior?

Project works as is, even after upgrading @angular/flex-layout from 7.0.0-beta.22 to 7.0.0-beta.23.

What is the current behavior?

error TS2305: Module ‘“…/…/…/node_modules/@angular/flex-layout/flex-layout”’ has no exported member ‘ObservableMedia’.

What are the steps to reproduce?

Providing a StackBlitz (or similar) is the best way to get the team to see your issue.

StackBlitz starter using latest npm nightly release:

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Also upgraded Angular to 7.2.0 and TypeScript to 3.2.2.

Is there anything else we should know?

Issue Analytics

State:
Created 5 years ago
Reactions:5
Comments:7 (3 by maintainers)

Top GitHub Comments

16reactions

CaerusKarucommented, Jan 14, 2019

ObservableMedia was deprecated in 7.0.0-beta.19 and removed in 7.0.0-beta.23. Please use the nearly identical MediaObserver instead and consult the docs and CHANGELOG

9reactions

SamuelMarkscommented, Jan 14, 2019

Thanks, media$ rather than asObservable() did the trick with that one

Top Results From Across the Web

angular flex-layout error : has no exported member ...

For Angular 9. Install the 9.x version of flex-layout npm install --save @angular/flex-layout@9.0.0-beta.29. Add needed dependency:

angular/flex-layout - Gitter

Hello guys, l need help to start with FlexLayout ... has no exported member 'Observable'. node_modules/@angular/cdk/a11y/typings/key-manager/list-key- ...

ERROR in node_modules/@angular/flex-layout/extended ...

... has no exported member 'ɵNgClassImpl'. node_modules/@angular/flex-layout/extended/typings/class/class.d.ts(9,33): error TS2305: Module ...

type 'mediaquerylistevent' is not assignable to type ...

Flex -layout in versions 7.0.0-beta.20 and higher replaced ObservableMedia ... Angular 7:@angular/core/core has no exported member 'OpaqueToken' Related.

Chapter 7. Laying out pages with Flex Layout

Implementing responsive web design using the Flex Layout library; Using the ObservableMedia service; Changing the layout based on the viewport size;