Hi,
My application runs properly when i take build using command ionic cordova build <platform>
When i take prod build it shows me error with the following message:
Here’s my app.module.ts
import { ErrorHandler, NgModule } from '@angular/core';
import { Http, HttpModule } from '@angular/http';
import { ReactiveFormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
/* Ionic modules */
import { IonicStorageModule } from '@ionic/storage';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
/* Ionic Native */
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { File } from '@ionic-native/file';
import { FileChooser } from '@ionic-native/file-chooser';
import { Media } from "@ionic-native/media";
import { FilePath } from '@ionic-native/file-path';
import { StreamingMedia, StreamingVideoOptions } from '@ionic-native/streaming-media';
import { Camera } from '@ionic-native/camera';
import { Transfer } from '@ionic-native/transfer';
import { Push } from '@ionic-native/push';
import { Network } from '@ionic-native/network';
import { InAppBrowser } from '@ionic-native/in-app-browser';
import { AndroidPermissions } from '@ionic-native/android-permissions';
import { Keyboard } from '@ionic-native/keyboard';
/* Translate */
import { TranslateModule } from 'ng2-translate/ng2-translate';
import { TranslateLoader, TranslateStaticLoader } from 'ng2-translate/src/translate.service';
/* Pages */
import { PagesModule } from "../pages/pages.module";
/* Components */
import { CustomComponentsModule } from '../components/custom-components.module';
/* Service */
import { Base64Service } from '../services/base64.service';
import { LoaderService } from '../services/loader.service';
import { CommonService } from '../services/common.service';
import { TabService } from '../services/tab.service';
/* App Files */
import { MyApp } from './app.component';
import { Config } from '../config';
import { MomentModule } from 'angular2-moment/moment.module';
import { IonicImageLoader } from 'ionic-image-loader';
export function createTranslateLoader(http: Http) {
return new TranslateStaticLoader(http, 'assets/i18n', '.json');
}
@NgModule({
declarations: [
MyApp
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp, {
backButtonText: "",
backButtonIcon: 'arrow-back'
}),
ReactiveFormsModule,
BrowserAnimationsModule,
HttpModule,
IonicStorageModule.forRoot(),
IonicImageLoader.forRoot(),
TranslateModule.forRoot({
provide: TranslateLoader,
useFactory: (createTranslateLoader),
deps: [Http]
}),
MomentModule,
PagesModule,
CustomComponentsModule
],
bootstrap: [IonicApp],
entryComponents: [
MyApp
],
providers: [
Config,
Base64Service, LoaderService, CommonService,TabService,
{ provide: ErrorHandler, useClass: IonicErrorHandler }, Network, AndroidPermissions,
StatusBar, File, SplashScreen, FileChooser, SplashScreen, Media, FilePath, StreamingMedia, Camera, Transfer, Push, InAppBrowser,
Keyboard
]
})
export class AppModule {
}
Here is my package.json
{
"name": "Demo",
"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",
"test": "ng test --code-coverage",
"e2e": "protractor",
"postinstall": "webdriver-manager update"
},
"dependencies": {
"@angular/animations": "^5.1.3",
"@angular/common": "^5.1.3",
"@angular/compiler": "^5.1.3",
"@angular/compiler-cli": "^5.1.3",
"@angular/core": "^5.1.3",
"@angular/forms": "^5.1.3",
"@angular/http": "^5.1.3",
"@angular/platform-browser": "^5.1.3",
"@angular/platform-browser-dynamic": "^5.1.3",
"@angular/platform-server": "^5.1.3",
"@ionic-native/android-permissions": "*",
"@ionic-native/badge": "*",
"@ionic-native/camera": "*",
"@ionic-native/core": "*",
"@ionic-native/file": "*",
"@ionic-native/file-chooser": "*",
"@ionic-native/file-path": "*",
"@ionic-native/file-transfer": "*",
"@ionic-native/in-app-browser": "*",
"@ionic-native/keyboard": "*",
"@ionic-native/media": "*",
"@ionic-native/network": "*",
"@ionic-native/push": "^4.5.2",
"@ionic-native/splash-screen": "*",
"@ionic-native/status-bar": "*",
"@ionic-native/streaming-media": "*",
"@ionic-native/transfer": "*",
"@ionic-native/video-player": "*",
"@ionic/cloud-angular": "^0.12.0",
"@ionic/storage": "*",
"@types/googlemaps": "*",
"@types/lodash": "^4.14.92",
"accounts-password-client-side": "*",
"angular-svg-round-progressbar": "*",
"angular2-moment": "*",
"angular2-swing": "^0.14.0",
"aws-sdk": "*",
"body-parser": "*",
"braintree": "^2.4.0",
"braintree-web": "^3.27.0",
"cordova-android": "^7.0.0",
"cordova-ios": "*",
"cordova-plugin-android-permissions": "*",
"cordova-plugin-badge": "*",
"cordova-plugin-camera": "^4.0.1",
"cordova-plugin-compat": "*",
"cordova-plugin-console": "*",
"cordova-plugin-crosswalk-webview": "*",
"cordova-plugin-device": "^2.0.1",
"cordova-plugin-file": "^6.0.1",
"cordova-plugin-file-transfer": "*",
"cordova-plugin-filechooser": "*",
"cordova-plugin-filepath": "*",
"cordova-plugin-filepicker": "*",
"cordova-plugin-geolocation": "^4.0.1",
"cordova-plugin-inappbrowser": "^2.0.1",
"cordova-plugin-media": "^5.0.1",
"cordova-plugin-network-information": "^2.0.1",
"cordova-plugin-splashscreen": "^5.0.1",
"cordova-plugin-statusbar": "*",
"cordova-plugin-whitelist": "*",
"cors": "*",
"express": "*",
"intl": "*",
"ionic-angular": "*",
"ionic-image-loader": "git+https://github.com/patricktyndall/ionic-image-loader.git",
"ionic-plugin-keyboard": "*",
"ionic2-autosize": "*",
"ionic2-rating": "*",
"ionicons": "*",
"jquery": "*",
"jssha": "^2.3.1",
"lodash": "*",
"meteor-rxjs": "*",
"meteor-tracker": "*",
"moment": "*",
"ng2-cordova-oauth": "0.0.8",
"ng2-currency-mask": "*",
"ng2-translate": "*",
"ng2-validation-manager": "^5.0.0",
"phonegap-plugin-push": "^2.1.2",
"rxjs": "*",
"stripe": "^5.4.0",
"sw-toolbox": "*",
"underscore": "*",
"zone.js": "*"
},
"devDependencies": {
"@angular/cli": "^1.6.3",
"@ionic/app-scripts": "^3.1.7",
"@types/core-js": "^0.9.44",
"@types/google-maps": "^3.2.0",
"@types/jssha": "0.0.29",
"@types/meteor": "^1.4.13",
"@types/node": "^9.3.0",
"codelyzer": "^4.0.2",
"ionic": "^3.19.0",
"ts-node": "^4.1.0",
"typescript": "^2.6.2"
},
"cordovaPlugins": [],
"cordovaPlatforms": [
"ios",
{
"platform": "ios",
"version": "",
"locator": "ios"
}
],
"cordova": {
"plugins": {
"cordova-plugin-compat": {},
"cordova-plugin-console": {},
"cordova-plugin-device": {},
"cordova-plugin-file": {},
"cordova-plugin-filechooser": {},
"cordova-plugin-filepicker": {},
"cordova-plugin-filepath": {},
"cordova-plugin-geolocation": {},
"cordova-plugin-media": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-whitelist": {},
"ionic-plugin-keyboard": {},
"phonegap-plugin-push": {
"SENDER_ID": "318310044174"
},
"cordova-plugin-network-information": {},
"cordova-plugin-camera": {},
"cordova-plugin-statusbar": {},
"cordova-plugin-file-transfer": {},
"cordova-plugin-inappbrowser": {},
"cordova-plugin-badge": {},
"cordova-plugin-android-permissions": {},
"cordova-plugin-crosswalk-webview": {
"XWALK_VERSION": "23+",
"XWALK_LITEVERSION": "xwalk_core_library_canary:17+",
"XWALK_COMMANDLINE": "--disable-pull-to-refresh-effect",
"XWALK_MODE": "embedded",
"XWALK_MULTIPLEAPK": "true"
}
},
"platforms": [
"android"
]
}
}
We have updated all angular lib files in our project, but even it shows same error.
We have tired all the existing solutions, but none of it worked.
Please help us in solving this issue.
Thanks