App stopped working about ionic update


#1

Hey Guys,

I have been working on a app since a very long time (like 1 year back) it was stopped but lately we decided to reboot it. It was working fine with the ionic which it had, we never really bothered to update just kept working and added all the changes.

Since most of the app was done we decided to add ionic-cache and then we started facing typescript errors and one of the guy from the team said, “its time we should do npm update” and we did that and since then our app has totally stopped working :frowning:

I dont know what is happend and whats wrong but here is the dump of bucket of errors that we get while cli does transpile

[11:31:38]  transpile started ...
[11:31:58]  typescript: D:/IonicApp/QuadKoptersAppNew/node_modules/@ionic/storage/dist/storage.d.ts, line: 2
            Module '"D:/IonicApp/QuadKoptersAppNew/node_modules/@angular/core/index"' has no exported member
            'InjectionToken'.

       L1:  import { InjectionToken } from '@angular/core';
       L3:   * Storage is an easy way to store key/value pairs and JSON objects.

[11:31:58]  typescript: ...QuadKoptersAppNew/node_modules/ionic-angular/navigation/nav-controller-base.d.ts, line: 57
            Property 'popTo' in type 'NavControllerBase' is not assignable to the same property in base type
            'NavController'. Type '(indexOrViewCtrl: any, opts?: NavOptions, done?: Function) => Promise<any>' is not
            assignable to type '(page: any, params?: any, opts?: NavOptions, done?: Function) => Promise<any>'. Types of

            parameters 'done' and 'opts' are incompatible. Type 'NavOptions' is not assignable to type 'Function'.
            Property 'apply' is missing in type 'NavOptions'.

      L56:  pop(opts?: NavOptions, done?: Function): Promise<any>;
      L57:  popTo(indexOrViewCtrl: any, opts?: NavOptions, done?: Function): Promise<any>;
      L58:  popToRoot(opts?: NavOptions, done?: Function): Promise<any>;

[11:31:58]  typescript: ...icApp/QuadKoptersAppNew/node_modules/ionic-native/node_modules/rxjs/Subject.d.ts, line: 24
            Property 'lift' in type 'Subject<T>' is not assignable to the same property in base type 'Observable<T>'.
            Type '<R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator: Operator<T,
            R>) => Observable<R>'. Type 'Observable<T>' is not assignable to type 'Observable<R>'. Type 'T' is not
            assignable to type 'R'.

      L23:  static create: Function;
      L24:  lift<R>(operator: Operator<T, R>): Observable<T>;
      L25:  next(value?: T): void;

[11:31:58]  typescript: ...node_modules/ionic-native/node_modules/rxjs/observable/dom/WebSocketSubject.d.ts, line: 44
            Property 'lift' in type 'WebSocketSubject<T>' is not assignable to the same property in base type
            'AnonymousSubject<T>'. Type '<R>(operator: Operator<T, R>) => WebSocketSubject<R>' is not assignable to type

            '<R>(operator: Operator<T, R>) => Observable<T>'. Type 'WebSocketSubject<R>' is not assignable to type
            'Observable<T>'. Types of property 'operator' are incompatible. Type 'Operator<any, R>' is not assignable to

            type 'Operator<any, T>'. Type 'R' is not assignable to type 'T'.

And there are more.

Here is a the dump of ionic info:

PS D:\IonicApp\QuadKoptersAppNew> ionic info

cli packages: (C:\Users\Satya\AppData\Roaming\npm\node_modules)

    @ionic/cli-utils  : 1.19.2
    ionic (Ionic CLI) : 3.20.0

global packages:

    cordova (Cordova CLI) : 6.3.1

local packages:

    @ionic/app-scripts : 3.1.9
    Cordova Platforms  : android 5.2.2 ios 4.2.1
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 25.2.5
    Node              : v6.10.3
    npm               : 6.0.1
    OS                : Windows 10

Environment Variables:

    ANDROID_HOME : C:\Users\Satya\AppData\Local\Android\sdk

Misc:

    backend : pro

Also package.json

`{
  "name": "ionic-hello-world",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "build": "ionic-app-scripts build",
    "watch": "ionic-app-scripts watch",
    "serve:before": "watch",
    "emulate:before": "build",
    "deploy:before": "build",
    "build:before": "build",
    "run:before": "build"
  },
  "dependencies": {
    "@angular/common": "^2.4.8",
    "@angular/compiler": "^2.4.8",
    "@angular/compiler-cli": "^2.4.8",
    "@angular/core": "^2.4.8",
    "@angular/forms": "^2.4.8",
    "@angular/http": "^2.4.8",
    "@angular/platform-browser": "^2.4.8",
    "@angular/platform-browser-dynamic": "^2.4.8",
    "@angular/platform-server": "^2.4.8",
    "@ionic/storage": "^2.1.3",
    "font-awesome": "^4.6.3",
    "ionic-angular": "^3.9.2",
    "ionic-cache": "^3.1.0",
    "ionic-native": "^2.0.3",
    "ionicons": "^3.0.0",
    "rxjs": "^5.0.1",
    "zone.js": "^0.7.2"
  },
  "devDependencies": {
    "@ionic/app-scripts": "latest",
    "typescript": "^2.8.3"
  },
  "cordovaPlugins": [
    "cordova-plugin-splashscreen",
    "cordova-plugin-device",
    "cordova-plugin-console",
    "cordova-plugin-whitelist",
    "cordova-plugin-statusbar",
    "ionic-plugin-keyboard",
    "cordova-sqlite-storage",
    "cordova-plugin-x-socialsharing",
    {
      "locator": "https://github.com/wymsee/cordova-imagePicker.git",
      "id": "cordova-plugin-image-picker"
    }
  ],
  "cordovaPlatforms": [
    "ios",
    {
      "platform": "ios",
      "version": "",
      "locator": "ios"
    },
    {
      "platform": "android",
      "version": "",
      "locator": "android"
    }
  ],
  "description": "QuadKoptersApp: An Ionic project"
}
`

I am just pulling my hairs of while trying to fix this, i would appreciate any help TIA