Can't resolve './app.module.ngfactory' on --prod build and ng5

[mburger81]

Short description of the problem:

Updating to ionic3.9 and ng5 on doing a production build with ionic cordova build android --prod --release I get this error

[12:14:52]  copy finished in 5.86 s 
Error: ./src/app/main.ts
Module not found: Error: Can't resolve './app.module.ngfactory' in '/abc/ionic-ng5/src/app'
resolve './app.module.ngfactory' in '/abc/ionic-ng5/src/app'
  using description file: /abc/ionic-ng5/package.json (relative path: ./src/app)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: /abc/ionic-ng5/package.json (relative path: ./src/app)
    using description file: /abc/ionic-ng5/package.json (relative path: ./src/app/app.module.ngfactory)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /abc/ionic-ng5/src/app/app.module.ngfactory doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        /abc/ionic-ng5/src/app/app.module.ngfactory.ts doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        /abc/ionic-ng5/src/app/app.module.ngfactory.js doesn't exist
      .json
        Field 'browser' doesn't contain a valid alias configuration
        /abc/ionic-ng5/src/app/app.module.ngfactory.json doesn't exist
      as directory
        /abc/ionic-ng5/src/app/app.module.ngfactory doesn't exist
[/abc/ionic-ng5/src/app/app.module.ngfactory]
[/abc/ionic-ng5/src/app/app.module.ngfactory.ts]
[/abc/ionic-ng5/src/app/app.module.ngfactory.js]
[/abc/ionic-ng5/src/app/app.module.ngfactory.json]
[/abc/ionic-ng5/src/app/app.module.ngfactory]
 @ ./src/app/main.ts 2:0-60
    at BuildError.Error (native)
    at new BuildError (/abc/ionic-ng5/node_modules/@ionic/app-scripts/dist/util/errors.js:16:28)
    at callback (/abc/ionic-ng5/node_modules/@ionic/app-scripts/dist/webpack.js:121:28)
    at emitRecords.err (/abc/ionic-ng5/node_modules/webpack/lib/Compiler.js:269:13)
    at Compiler.emitRecords (/abc/ionic-ng5/node_modules/webpack/lib/Compiler.js:375:38)
    at emitAssets.err (/abc/ionic-ng5/node_modules/webpack/lib/Compiler.js:262:10)
    at applyPluginsAsyncSeries1.err (/abc/ionic-ng5/node_modules/webpack/lib/Compiler.js:368:12)
    at next (/abc/ionic-ng5/node_modules/tapable/lib/Tapable.js:218:11)
    at Compiler.compiler.plugin (/abc/ionic-ng5/node_modules/webpack/lib/performance/SizeLimitsPlugin.js:99:4)
    at Compiler.applyPluginsAsyncSeries1 (/abc/ionic-ng5/node_modules/tapable/lib/Tapable.js:222:13)

What behavior are you expecting?

I was not able to check which could be the problem, I'm able to reproduce the error on a new build copying my production files. The problem is, sometime I can remove a file and the build works, sometimes it does also not work on removing the same file, in this case I have to remove an other random file to get it work again. So there is no logic on which file to remove to get it work again.

So at the end, I can not reproduce the error!

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

cli packages: (/usr/lib/node_modules)

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : 7.1.0 

local packages:

    @ionic/app-scripts : 3.1.0
    Cordova Platforms  : android 6.3.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    Node              : v6.11.5
    npm               : 5.5.1 
    OS                : Linux 4.13

Environment Variables:

    ANDROID_HOME : /home/michi/software/android/sdk

Misc:

    backend : legacy

[ericgopak]

I updated my project to @ionic/app-scripts@3.1.8 and it solved the problem.

In my case the problem was that some individual pages (views) in my app included module declaration in their respective folders, but they were also declared in the AppModule, so there was a duplicate declaration. Getting rid of <pagename>.module.ts files (i.e. getting rid of either one of the duplicate declarations) solved the issue for me. I'm somewhat concerned this was not pointed out during debug builds, but I'm happy that the solution was so simple :)

[anjildhamala]

The mvp comment of this issue thread is the best possible way to tackle this issue. For me, particularly, after I ran ngc compile on the whole project, the compiler screamed at me for passing parameters from html to functions and not expecting them on the functional parameters. It's a code mishap that got pass tsc but ultimately failed at aot compiler.

That being said, I have one more issue. When I run node_modules/.bin/ngc, it creates a lot of metadata, ngsummary, ngfactory and js/js.map files side by side with my actual .ts files. If I remove all of those then I go back to square one and see the issue the original poster mentioned. How do I tackle this issue of seeing 50 extra files (metadata/ngfactory/ngsummary) side by side with my actual .ts files?

[komorebi42]

Try run this command

$ ./node_modules/.bin/ngc

It will show the detail error part in your code, it saved my life trying to find what was causing the error. May this can help you.

[iamhabbeboy]

Remove filename.module.ts from newly created page, its work for me