Uncaught Error: Cannot find module "./app.module.ngfactory"

[basvdijk]

Short description of the problem:

When running ionic run android --prod The app starts on the device but the browser console on the device gives: 'Uncaught Error: Cannot find module "./app.module.ngfactory"'

What behavior are you expecting?

A working app

Steps to reproduce:

1. Connect device via usb
2. run ionic run android --prod

Which @ionic/app-scripts version are you using?
0.47

[danbucholtz]

@basvdijk,

We need more info or a repo that shows this issue. I cannot recreate it. What OS are you using, etc. What version of the ionic CLI, etc.

Thanks,
Dan

[basvdijk]

Sorry forgot to add:

Your system information:

Cordova CLI: 6.4.0
Ionic CLI Version: 2.1.17
Ionic App Lib Version: 2.1.7
ios-deploy version: Not installed
ios-sim version: 5.0.13
OS: OS X El Capitan
Node Version: v7.2.0
Xcode version: Xcode 8.1 Build version 8B62

Could it be possible that I missed a step while upgrading to 0.47? I've removed the .tmp folder

I cannot give you access to our repo, but you can ask anything which I will try to answer. On 0.46 there was no problem.

As stated on github I removed main.dev.ts and main.prod.ts and created the main.ts with:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

[jayeshanandani]

This seems to be exact issue that is listed at #553

[danbucholtz]

Can you try npm run ionic:build --aot and see if that works? Then just open the index.html file in Chrome or something.

Can you also update typescript in package.json to ensure it is 2.0.9? TypeScript 2.1 is the new default but it doesn't work with Angular AoT yet.

I think minification may be breaking something. Please let me know how it goes.

Thanks,
Dan

[brianwang]

@danbucholtz I test it and nothing happened and the result was still no ng.factory.module.

[brianwang]

is it possible typescript version or ngc config problem?

[danbucholtz]

Can you change your package.json to install @ionic/app-scripts@nightly, blow away node_modules, and run an npm install? I think Webpack RC introduced this issue. It seems to affect the Angular CLI as well.

Thanks,
Dan

[basvdijk]

Posted in the wrong thread I saw...

Thanks for reaching out!

I've added "@ionic/app-scripts": "nightly", to my package.json
Removed .tmp
Removed platforms/android/build
Ran ionic run android --prod

Still the same error: Uncaught Error: Cannot find module "./app.module.ngfactory" at Object. (main.js:7) at e (main.js:1) at main.js:1 at main.js:1

When I open the package.json from node_modules/webpack I see:

{
 "_args": [
 [
 {
 "raw": "webpack@^2.1.0-beta.27",
 "scope": null,
 "escapedName": "webpack",
 "name": "webpack",
 "rawSpec": "^2.1.0-beta.27",
 "spec": ">=2.1.0-beta.27 <3.0.0",

So I guess it is beta27

[basvdijk]

When I set typescript back to 2.0.9 and run npm run ionic:build --aot or ionic run ios --prod I get:

> ionic-app-scripts build

[23:40:51] ionic-app-scripts 0.0.47-201612152207
[23:40:51] build dev started ...
[23:40:51] clean started ...
[23:40:51] clean finished in 1 ms
[23:40:52] copy started ...
[23:40:52] ngc started ...
[23:40:55] build dev failed: Error encountered resolving symbol values statically. Function calls are not supported.
 Consider replacing the function or lambda with a reference to an exported function, resolving symbol
 AppModule in ionic-app/src/app/app.module.ts, resolving symbol
 AppModule in ionic-app/src/app/app.module.ts
[23:40:55] ionic-app-script task: "build"
[23:40:55] Error: Error encountered resolving symbol values statically. Function calls are not supported. Consider
 replacing the function or lambda with a reference to an exported function, resolving symbol AppModule in
 ionic-app/src/app/app.module.ts, resolving symbol AppModule in
 ionic-app/src/app/app.module.ts
Error: Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol AppModule in ionic-app/src/app/app.module.ts, resolving symbol AppModule in ionic-app/src/app/app.module.ts
 at simplifyInContext (ionic-app/node_modules/@angular/compiler-cli/src/static_reflector.js:472:23)
 at StaticReflector.simplify (ionic-app/node_modules/@angular/compiler-cli/src/static_reflector.js:475:22)
 at StaticReflector.annotations (ionic-app/node_modules/@angular/compiler-cli/src/static_reflector.js:61:36)
 at _loop_1 (ionic-app/node_modules/@angular/compiler-cli/src/codegen.js:66:54)
 at CodeGeneratorModuleCollector.readFileMetadata (ionic-app/node_modules/@angular/compiler-cli/src/codegen.js:79:13)
 at ionic-app/node_modules/@angular/compiler-cli/src/codegen.js:41:74
 at Array.map (native)
 at CodeGeneratorModuleCollector.getModuleSymbols (ionic-app/node_modules/@angular/compiler-cli/src/codegen.js:41:35)
 at CodeGenerator.codegen (ionic-app/node_modules/@angular/compiler-cli/src/codegen.js:120:39)
 at ionic-app/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:51:34

[jayeshanandani]

ionic run ios --prod has no issues with nightly version of app-scripts with typescript 2.0.9 and ionic 2.0.rc4

[jayeshanandani]

I can confirm this doesn't work with the android device using the latest nightly build and to add Device ready is fired after 20 seconds leading app to crash. Same works after reverting back to 0.0.45 version for android.

[brianwang]

@jayeshanandani that is a very bad news...