Ionic 4 build failures

@dealseventy wrote:

Hi, This is my environment.

Ionic:

ionic (Ionic CLI) : 4.12.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.3

Cordova:

cordova (Cordova CLI) : 7.1.0
Cordova Platforms : android 7.1.4, ios 4.5.5
Cordova Plugins : no whitelisted plugins (18 plugins total)

System:

ios-deploy : 1.9.1
NodeJS : v12.1.0 (/usr/local/Cellar/node/12.1.0/bin/node)
npm : 6.9.0
OS : macOS Mojave
Xcode : Xcode 10.2.1 Build version 10E1001

I have been facing build issues suddenly after upgrading ionic & cordova to latest versions. My package.json is wokring fine with my old stack but after upgrade it is not buidling correctly.

My package.json file:

{
“name”: “Deal70”,
“version”: “1.3”,
“author”: “Deal70”,
“homepage”: “https://www.deal70.com/”,
“private”: true,
“scripts”: {
“clean”: “ionic-app-scripts clean”,
“build”: “ionic-app-scripts build”,
“lint”: “ionic-app-scripts lint”,
“ionic:build”: “ionic-app-scripts build”,
“ionic:serve”: “ionic-app-scripts serve”
},
“dependencies”: {
“@angular/animations”: “^7.2.14”,
“@angular/common”: “^5.2.11”,
“@angular/compiler”: “^5.2.11”,
“@angular/compiler-cli”: “^5.2.11”,
“@angular/core”: “^5.2.11”,
“@angular/fire”: “^5.0.2”,
“@angular/forms”: “^5.2.11”,
“@angular/http”: “^5.2.11”,
“@angular/platform-browser”: “^5.2.11”,
“@angular/platform-browser-dynamic”: “^5.2.11”,
“@firebase/app”: “^0.1.10”,
“@firebase/database”: “^0.1.11”,
“@firebase/functions”: “^0.3.1”,
“@firebase/messaging”: “^0.1.9”,
“@firebase/polyfill”: “^0.3.3”,
“@firebase/storage”: “^0.1.9”,
“@ionic-native/admob-free”: “^4.16.0”,
“@ionic-native/app-availability”: “^4.16.0”,
“@ionic-native/core”: “^4.16.0”,
“@ionic-native/deeplinks”: “^4.16.0”,
“@ionic-native/facebook”: “^4.16.0”,
“@ionic-native/google-analytics”: “^4.16.0”,
“@ionic-native/google-plus”: “^4.16.0”,
“@ionic-native/in-app-browser”: “^4.16.0”,
“@ionic-native/network”: “^4.16.0”,
“@ionic-native/social-sharing”: “^4.16.0”,
“@ionic-native/splash-screen”: “^4.16.0”,
“@ionic-native/status-bar”: “^4.16.0”,
“@ionic/app-scripts”: “^3.2.3”,
“@ionic/cli-framework”: “^0.1.3”,
“@ionic/cloud”: “^0.16.2”,
“@ionic/storage”: “^2.2.0”,
“@ngx-translate/core”: “^11.0.1”,
“@ngx-translate/http-loader”: “^4.0.0”,
“angularfire2”: “^5.0.2”,
“babel-core”: “^6.26.0”,
“cordova-android”: “^7.1.4”,
“cordova-ios”: “^4.5.5”,
“cordova-plugin-appavailability”: “~0.4.2”,
“cordova-plugin-console”: “^1.1.0”,
“cordova-plugin-device”: “^1.1.7”,
“cordova-plugin-facebook4”: “^1.10.1”,
“cordova-plugin-google-analytics”: “^1.8.6”,
“cordova-plugin-googleplus”: “^5.3.2”,
“cordova-plugin-inappbrowser”: “^1.7.2”,
“cordova-plugin-nativestorage”: “2.3.2”,
“cordova-plugin-network-information”: “^1.3.4”,
“cordova-plugin-splashscreen”: “^4.1.0”,
“cordova-plugin-statusbar”: “^2.4.2”,
“cordova-plugin-whitelist”: “^1.3.3”,
“cordova-plugin-x-socialsharing”: “5.4.4”,
“cordova-plugin-x-toast”: “^2.7.0”,
“cordova-sqlite-storage”: “^2.5.0”,
“cordova.plugins.diagnostic”: “^3.9.2”,
“es6-promise-plugin”: “4.2.2”,
“firebase”: “^4.7.0”,
“fuse.js”: “^3.2.1”,
“ionic-angular”: “^3.9.2”,
“ionic-native”: “^2.9.0”,
“ionic-plugin-deeplinks”: “1.0.19”,
“ionic-plugin-deploy”: “^0.6.7”,
“ionic-plugin-keyboard”: “^2.2.1”,
“ionicons”: “3.0.0”,
“onesignal-cordova-plugin”: “^2.4.7”,
“rxjs”: “^5.5.12”,
“sw-toolbox”: “3.6.0”,
“uglify-es”: “^3.2.0”,
“zone.js”: “^0.8.18”
},
“devDependencies”: {
“ionic”: “4.2.1”,
“typescript”: “2.4.2”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“ionic-plugin-deploy”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-device”: {},
“cordova-plugin-statusbar”: {},
“ionic-plugin-keyboard”: {},
“cordova-plugin-facebook4”: {
“APP_ID”: “204511502918828”,
“APP_NAME”: “Deal70”
},
“cordova-plugin-inappbrowser”: {},
“cordova-plugin-x-toast”: {},
“onesignal-cordova-plugin”: {},
“cordova-plugin-nativestorage”: {},
“cordova-sqlite-storage”: {},
“cordova-plugin-googleplus”: {
“REVERSED_CLIENT_ID”: “com.googleusercontent.apps.163083652202-bm7fbv3rabrn1965ggj4o9nm64v283du”,
“PLAY_SERVICES_VERSION”: “11.8.0”
},
“cordova.plugins.diagnostic”: {},
“cordova-plugin-network-information”: {},
“cordova-plugin-google-analytics”: {
“GMS_VERSION”: “11.0.1”
},
“cordova-plugin-whitelist”: {},
“cordova-plugin-appavailability”: {},
“ionic-plugin-deeplinks”: {
“URL_SCHEME”: “tracedeals”,
“DEEPLINK_SCHEME”: “https”,
“DEEPLINK_HOST”: “tracedeals.in”,
“ANDROID_PATH_PREFIX”: “/”,
“ANDROID_2_PATH_PREFIX”: “/”,
“ANDROID_3_PATH_PREFIX”: “/”,
“ANDROID_4_PATH_PREFIX”: “/”,
“ANDROID_5_PATH_PREFIX”: “/”,
“DEEPLINK_2_SCHEME”: " ",
“DEEPLINK_2_HOST”: " ",
“DEEPLINK_3_SCHEME”: " ",
“DEEPLINK_3_HOST”: " ",
“DEEPLINK_4_SCHEME”: " ",
“DEEPLINK_4_HOST”: " ",
“DEEPLINK_5_SCHEME”: " ",
“DEEPLINK_5_HOST”: " "
},
“cordova-plugin-x-socialsharing”: {
“ANDROID_SUPPORT_V4_VERSION”: “24.1.1+”
},
“cordova-plugin-console”: {}
},
“platforms”: [
“ios”,
“android”
]
}
}

Following are the errors am getting while running “ionic serve”

ionic-app-scripts serve --address 0.0.0.0 --port 8127 --livereload-port 35756 --dev-logger-port 53730 --nobrowser
[app-scripts] [17:12:37] ionic-app-scripts 3.2.3
[app-scripts] [17:12:37] watch started …
[app-scripts] [17:12:37] build dev started …
[app-scripts] [17:12:37] clean started …
[app-scripts] [17:12:37] clean finished in 10 ms
[app-scripts] [17:12:37] copy started …
[app-scripts] [17:12:38] deeplinks started …
[app-scripts] [17:12:38] deeplinks finished in 314 ms
[app-scripts] [17:12:38] transpile started …
[app-scripts] [17:12:47] typescript: node_modules/@angular/core/src/application_ref.d.ts, line: 8
[app-scripts] Cannot find module ‘rxjs/Observable’.
[app-scripts] L7: import { Type } from ‘./type’;
[app-scripts] L8: import { NgZone } from ‘./zone/ng_zone’;
[app-scripts] L9: export declare const ALLOW_MULTIPLE_PLATFORMS: InjectionToken;
[app-scripts] Cannot find module ‘rxjs/Subject’.
[app-scripts] [17:12:47] typescript: node_modules/@angular/core/src/event_emitter.d.ts, line: 8
[app-scripts] L7: * In the following example, Zippy alternatively emits open and close events when its
[app-scripts] L8: * title gets clicked:
[app-scripts] Cannot find module ‘rxjs/Observable’.
[app-scripts] [17:12:47] typescript: node_modules/@angular/core/src/linker/query_list.d.ts, line: 8
[app-scripts] L7: * provide.
[app-scripts] L9: * Implements an iterable interface, therefore it can be used in both ES6
[app-scripts] Cannot find module ‘rxjs/Observable’.
[app-scripts] L7: * Determine if the argument is an Observable
[app-scripts] [17:12:47] typescript: node_modules/@angular/core/src/util/lang.d.ts, line: 8
[app-scripts] [17:12:47] typescript: node_modules/@ionic-native/facebook/index.d.ts, line: 1
[app-scripts] L9: export declare function isObservable(obj: any | Observable): obj is Observable;
…
…

Can someone help me to get rid of these errors??

Posts: 1

Participants: 1

Read full topic