I’m on ionic-angular
3.9.2, all of my @ionic-native
packages are on ^4.0.0 versions, and I have been upgrading my app to RxJS 6 alongside rxjs-compat
. After making what I thought were the necessary changes, I removed rxjs-compat
and began seeing a ton of breaking TypeScript errors stemming from various Ionic packages. Some examples:
[16:41:06] typescript: node_modules/ionic-angular/components/tabs/tabs.d.ts, line: 2
Module '"project/node_modules/rxjs/Subject"' has no exported
member 'Subject'.
L1: import { AfterViewInit, ElementRef, EventEmitter, Renderer, ViewContainerRef } from '@angular/core';
L2: import { Subject } from 'rxjs/Subject';
L3: import 'rxjs/add/operator/takeUntil';
[16:41:06] typescript: node_modules/@ionic-native/push/index.d.ts, line: 2
Module '"project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
L1: import { IonicNativePlugin } from '@ionic-native/core';
L2: import { Observable } from 'rxjs/Observable';
L3: export declare type EventResponse = RegistrationEventResponse & NotificationEventResponse & Error;
[16:41:06] typescript: node_modules/@ionic-native/core/plugin.d.ts, line: 1
Module '"project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
L1: import { Observable } from 'rxjs/Observable';
L2: import { CordovaOptions } from './decorators';
So is Ionic 3 and IonicNative 4 not compatible with RxJS 6 and Angular 6?
I’m also having some trouble understanding the version dependencies between Ionic, Ionic Native, Angular, and RxJS
It seems to me that the only way to get rid of these warnings would be to update all my Ionic Native versions to versions that use the correct RXJS reference. However, this would still leave the Ionic Angular error, implying that I did to upgrade to Ionic Angular 4 (which isn’t super feasible since it seems like a large migration)