ERROR in node_modules/@angular/flex-layout/core/typings/observable-media/observable-media.d.ts(1,22)

[alvipeo]

Just created a new project with CLI, added Material, etc. Then added flex-layout. Now this:

ERROR in node_modules/@angular/flex-layout/core/typings/observable-media/observable-media.d.ts(1,22): error TS2724: Module '"E:/Documents/repos/UrekiNgx/node_modules/rxjs/Rx"' has no exported member 'Subscribable'. Did you mean 'Subscriber'?

?

[CaerusKaru]

What version of RxJS do you have installed?

[alvipeo]

"rxjs": "^5.5.8",
"zone.js": "^0.8.26"

[CaerusKaru]

Can you post the repo in question to GitHub?

[alvipeo]

https://github.com/alvipeo/flex-layout-not-working

[CaerusKaru]

Built locally with no issue. Closing unless there's a case I missed. I build locally, ran npm i and npm i @angular/flex-layout and then added FlexLayoutModule to app.module.ts. ng serve and ng build --prod both work flawlessly except for the warnings about TypeScript 2.8

[tccyp001]

saw the same issue...

[tccyp001]

looks like if use latest version("github:angular/flex-layout-builds") can see that issue, but if change to ^5.0.0-beta.14, it can build correctly.

[CaerusKaru]

That's because the nightly builds use RxJS v6. You can get around that by installing rxjs@forward-compat

[Tyler-V]

Encountered the same error.

npm i rxjs@forward-compat --save resolves the Subscribable however introduces

WARNING in C:/Users/Tyler/Documents/GitHub/tribot-app/node_modules/@angular/flex-layout/esm5/core.es5.js
289:43-49 "export 'inject' was not found in '@angular/core'

Downgrading to ^5.0.0-beta.14 as @tccyp001 suggested resolves all issues.

[tasos31]

Encountered this error, had ^5.0.0-beta.13, updated to ^5.0.0-beta.14 and I still face it.
My rxjs is: ^5.5.6
Also tried with rxjs@forward-compat and while the Subscribable error is gone, I get a wall of warnings just like @Tyler-V says

[JoannaG33]

I second @roneen31 . Followed the same steps and get a wall of the same errors as @Tyler-V. More on those here:

angular/components#10511

I also followed those steps and changed these versions:

"@angular/cdk": "^5.2.4",
"@angular/material": "^5.2.4",

Again, no luck. Seems like the only way now to use flex-layout is to upgrade to Angular 6?

[inthegarage]

Still happening flex-17 and rxjs 6.2.2 and Angular 6.1.6
Anyone any ideas here?

[alvipeo]

I run into similar issues with flex-layout from time to time. so I stopped using it completely. Just use CSS.