Repository: angular/flex-layout

Issue #693: Support for RxJS 6 and Angular 6
Created: 2018-04-02T00:40:23Z
Compilation fails on Angular 6 RC1 and RxJS 6.0.0 RC.0 due to deprecated symbol imports
Without the rxjs-compat module, errors are all over the place because Flex-Layout imports symbols from prior to the new RxJS barrels exports.
Solution: a new Flex-Layout branch (6.0.0 ?) with support for Angular6 and RxJS6.
Update: I can see @ThomasBurleson is playing with a branch, thanks
ERROR in ./node_modules/rxjs/BehaviorSubject.js
Module not found: Error: Can't resolve 'rxjs-compat/BehaviorSubject' in '/Users/spock/project/dba/test/frontend/node_modules/rxjs'
 @ ./node_modules/rxjs/BehaviorSubject.js 6:9-47
 @ ./node_modules/@angular/flex-layout/esm5/core.es5.js
 @ ./node_modules/@angular/flex-layout/esm5/flex-layout.es5.js

Duplicate issue #731: Compatibility with Rxjs 6 that comes with angular 6
Created: 2018-05-06T05:17:43Z
Bug, feature request, or proposal:
FERROR in node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(2,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/BehaviorSubject"' has no exported
member 'BehaviorSubject'.
node_modules/@angular/flex-layout/core/typings/match-media/server-match-media.d.ts(3,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@angular/flex-layout/core/typings/media-monitor/media-monitor.d.ts(1,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@angular/flex-layout/core/typings/observable-media/observable-media.d.ts(1,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.
node_modules/@angular/flex-layout/core/typings/observable-media/observable-media.d.ts(2,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@angular/flex-layout/core/typings/observable-media/observable-media.d.ts(2,22): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Observable"' has no exported member 'Subscribable'.
node_modules/@angular/flex-layout/core/typings/responsive-activation/responsive-activation.d.ts(8,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.
node_modules/@angular/flex-layout/extended/typings/show-hide/show-hide.d.ts(9,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.
node_modules/@angular/flex-layout/flex/typings/flex-offset/flex-offset.d.ts(9,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/flex-layout/flex/typings/flex-offset/flex-offset.d.ts(11,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.
node_modules/@angular/flex-layout/flex/typings/flex/flex.d.ts(10,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.
node_modules/@angular/flex-layout/flex/typings/layout-align/layout-align.d.ts(10,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.
node_modules/@angular/flex-layout/flex/typings/layout-gap/layout-gap.d.ts(9,32): error TS2307: Cannot find module '@angular/cdk/bidi'.
node_modules/@angular/flex-layout/flex/typings/layout-gap/layout-gap.d.ts(11,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Subscription"' has no exported member 'Subscription'.
node_modules/@angular/flex-layout/flex/typings/layout/layout.d.ts(10,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@angular/flex-layout/flex/typings/layout/layout.d.ts(11,10): error TS2305: Module '"C:/Users/wwwni/Desktop/myProjects/PCMonterrey/node_modules/rxjs/ReplaySubject"' has no exported member 'ReplaySubject'.
node_modules/rxjs/BehaviorSubject.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/BehaviorSubject'.
node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Observable'.
node_modules/rxjs/ReplaySubject.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/ReplaySubject'.
node_modules/rxjs/Subscription.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Subscription'.

i ｢wdm｣: Failed to compile.

What is the expected behavior?
Plugin works correclty with Angular 6.
What is the current behavior?
Error imports due to "break changes" in Rxjs 6, for example:
Before
import { Observable } from 'rxjs/Observable'; 
Now
// creation and utility methods
import { Observable, Subject, pipe } from 'rxjs';
// operators all come from `rxjs/operators`

What are the steps to reproduce?
Update @angular/cli to last version.
ng new Project
Install flex-layout plugin.

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?
Angular 6, rxjs 6
Is there anything else we should know?

Closing comment (2018-05-06T05:19:32Z): Duplicate of #693