Ionic 3 --prod error

[afdoblas]

Hi!
Thanks for your plugin.

Its works very nice in dev, but when i try to build in prod mode the AOT return
"Error during template compile of 'ConnectedAnimationModule' Function calls are not supported in decorators in 'NgModule' 'NgModule' calls a function at @angular/core/core.ts(194,31)."

Can you help me?

[waseemdev]

Hi
I just tested it with --prod and it worked without issues.
How did you import the module and the service?

[afdoblas]

Hi,

I have imported in my app.module.ts (like your example)
Here is my app.module.ts :

import { Push } from '@ionic-native/push';
import { IonicModule } from 'ionic-angular';
import { ComponentsModule } from './../components/components.module';
import { LottieAnimationViewModule } from 'ng-lottie';

import { NativeStorage } from '@ionic-native/native-storage';
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler } from 'ionic-angular';

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';

import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HTTP } from '@ionic-native/http';
import { Keyboard } from '@ionic-native/keyboard';
import { Badge } from '@ionic-native/badge';
import { Vibration } from '@ionic-native/vibration';
import { ConnectedAnimationModule } from 'ng-ionic-connectedanim';

@NgModule({
declarations: [
MyApp,
HomePage,
ListPage,

],
imports: [
BrowserModule,
.......
ComponentsModule,
IonicModule.forRoot(MyApp),
ConnectedAnimationModule.forRoot()
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage
],
providers: [
StatusBar,
SplashScreen,
NativeStorage,
Keyboard,
Badge,
Vibration,
Push,
HTTP,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}

And here is my package.json

{
"name": "Example",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"start": "ionic-app-scripts serve",
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint"
},
"dependencies": {
"@angular/animation": "^4.0.0-beta.8",
"@angular/animations": "5.2.11",
"@angular/common": "5.2.11",
"@angular/compiler": "5.2.11",
"@angular/compiler-cli": "5.2.11",
"@angular/core": "5.2.11",
"@angular/forms": "5.2.11",
"@angular/http": "5.2.11",
"@angular/platform-browser": "5.2.11",
"@angular/platform-browser-dynamic": "5.2.11",
"@ionic-native/badge": "^4.20.0",
"@ionic-native/core": "~4.18.0",
"@ionic-native/http": "^4.20.0",
"@ionic-native/keyboard": "^4.20.0",
"@ionic-native/native-storage": "^4.20.0",
"@ionic-native/push": "^4.20.0",
"@ionic-native/splash-screen": "~4.18.0",
"@ionic-native/status-bar": "~4.18.0",
"@ionic-native/vibration": "^4.20.0",
"@ionic/storage": "2.2.0",
"cordova-browser": "5.0.4",
"cordova-ios": "4.5.5",
"cordova-plugin-advanced-http": "2.0.6",
"cordova-plugin-badge": "^0.8.8",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-file": "^6.0.1",
"cordova-plugin-ionic-keyboard": "^2.1.3",
"cordova-plugin-ionic-webview": "^3.1.2",
"cordova-plugin-nativestorage": "2.3.2",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-statusbar": "^2.4.2",
"cordova-plugin-vibration": "^3.1.1",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-plugin-wkwebview-inputfocusfix": "^1.0.4",
"ionic-angular": "3.9.3",
"ionicons": "3.0.0",
"ng-ionic-connectedanim": "0.0.46",
"ng-lottie": "^0.3.2",
"phonegap-plugin-push": "2.2.3",
"rxjs": "5.5.11",
"sw-toolbox": "3.6.0",
"ts-md5": "^1.2.4",
"web-animations-js": "^2.3.1",
"zone.js": "0.8.29"
},
"devDependencies": {
"@ionic/app-scripts": "^3.2.4",
"typescript": "~2.6.2"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-plugin-nativestorage": {},
"cordova-plugin-advanced-http": {},
"cordova-plugin-whitelist": {},
"cordova-plugin-statusbar": {},
"cordova-plugin-device": {},
"cordova-plugin-splashscreen": {},
"cordova-plugin-ionic-webview": {},
"cordova-plugin-ionic-keyboard": {},
"phonegap-plugin-push": {},
"cordova-plugin-badge": {},
"cordova-plugin-wkwebview-inputfocusfix": {},
"cordova-plugin-vibration": {}
},
"platforms": [
"ios"
]
}
}

Thanks for your help!

[waseemdev]

I've uploaded a new version, please upgrade to the latest one 0.0.47 and try again.

[afdoblas]

Thanks again for your support! I have tried but it keeps on failing in --prod (plugin version 0.47)

Output:
Error during template compile of 'ConnectedAnimationModule' Function calls are not supported in decorators in 'NgModule' 'NgModule' calls a function at @angular/core/core.ts(194,31).

[ErHarinderSingh]

Any update on this?

[waseemdev]

I am very sorry for that, but as I said I can't reproduce the issue, and it works in my apps.
As a workaround, copy the whole module's source code and put it in your app.

[ErHarinderSingh]

Nothing works man :)