Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory'

Question

I get this below error after upgrading my angular-cli

ERROR in Template parse errors:
Can't bind to 'index' since it isn't a known property of 'tag'. ("own)="handleKeydown($event, item)"
             (onTagEdited)="onTagEdited.emit(item)"
             [ERROR ->][index]="i"
             [attr.tabindex]="readonly ? -1 : 0"
             [class.readonly]="readonly""): TagInputComponent@16:13

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in 'D:\xxxx\yyyy\eeeee\eeee\src'
 @ ./src/main.ts 5:0-74
 @ multi ./src/main.ts

This error happens when i run ng build --prod and works fine when i run ng build without any parameters,

update angular-cli to the last version, github.com/angular/angular-cli#updating-angular-cli — Belter
– Belter, Commented Nov 8, 2017 at 7:21

Karthikeyan VK · Accepted Answer · 2017-08-07 10:12:16Z

41

When you run the ng build in angular 2, latest angular-cli automatically runs with --aot parameter (ahead of time compilation), so it is trying to optimize your code. You are having a package that is not yet compatible for optimizing. So you need update to your packages. Most probably the packages that has **forRoot()** in your app.module.ts

I recommend to update all packages.

Easy way to update your package is to use ncu npm package as in below, which i got it from How do I correctly upgrade angular 2 (npm) to the latest version?

Install

npm install -g npm-check-updates

Usage

ncu for display

ncu -u for re-writing your package.json

and run npm install to update your packages

If above did not work, you might need to update your code for aot compliance. Refer this url below to make changes in your code. https://medium.com/@isaacplmann/getting-your-angular-2-library-ready-for-aot-90d1347bcad

edited Aug 7, 2017 at 10:12

Karthikeyan VK

6,0964 gold badges45 silver badges55 bronze badges

answered Mar 13, 2017 at 5:42

Palanivelu Samudi

1,2251 gold badge11 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rick O'Shea Over a year ago

Sounded good but unfortunately you get that same error from angular-cli building a brand new application generated with ng new. No changes are required, just build with --prod and it fails.

Karthikeyan VK Over a year ago

Did you try updating the package using ncu?

user2094257 · Accepted Answer · 2017-12-20 16:06:13Z

30

I had the same issue and how I ended up resolving it was: Delete the enhanced-resolve module from node_modules and then run

npm install [email protected]

After that aot builds worked as expected...

edited Dec 20, 2017 at 16:06

answered Sep 1, 2017 at 8:26

user2094257

1,7154 gold badges27 silver badges55 bronze badges

1 Comment

Nik Todorov Over a year ago

Wow funny but it worked ... I add it to my package.json with v 3.3.0 to fix the build server too

Byron · Accepted Answer · 2017-08-15 13:31:55Z

28

Use:

ng build --env=prod

instead of:

ng build --prod

answered Aug 15, 2017 at 13:31

Byron

4454 silver badges6 bronze badges

1 Comment

Samih A Over a year ago

This will not build optimized distribution package, for more information refer to angular cli documentation here: github.com/angular/angular-cli/wiki/build

Saravanan Sachi · Accepted Answer · 2017-08-01 00:51:14Z

13

Faced second part of this issue.

ERROR in ./src/main.ts
Can't resolve './$$_gendir/app/app.module.ngfactory'

Resolved it by updating angular/cli to 1.2.6 for angular 4

Remove node_modules folder
Update "@angular/cli": "1.0.4" to "@angular/cli": "1.2.6" in package.json under devDependencies
Run npm install

Then executing "ng build --prod" successfully generated the production build.

answered Aug 1, 2017 at 0:51

Saravanan Sachi

2,6425 gold badges36 silver badges44 bronze badges

3 Comments

Pardeep Jain Over a year ago

build successfully, But errors are there after running index.html directly, any idea ?

Pardeep Jain Over a year ago

while running index.html got this error in developer console

SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL .....cannot be created in a document with origin 'null' and URL

Matt Voda Over a year ago

Worked for me! Might want to also remove your package-lock.json in addition to node modules folder.

Jason · Accepted Answer · 2018-12-28 10:18:20Z

2

Same error after upgrading from Angular 6 to 7.1.4. I followed the instructions found here.

The error returned was:

ERROR in ./src/main.server.ts
Module not found: Error: Can't resolve './app/app.server.module.ngfactory'

When trying to pre-render using the command.

ng run [my-project-name]:server

The reason was I enabled the Ivy Render which is not production ready. By removing the lines:

"angularCompilerOptions": {
  "enableIvy": true
}

From the tsconfig.json file, all was well in the world again.

answered Dec 28, 2018 at 10:18

Jason

2,7062 gold badges20 silver badges18 bronze badges

Comments

pbristow · Accepted Answer · 2018-06-01 14:54:45Z

0

Apparently this unhelpful and confusing error message can be caused by using default exports in your typescript consumed by Angular AOT (prerendering). Using export default class will cause this error with any version of Angular and is currently unsupported. You must change to export class.

To view the current status of the issue and see if it ever gets fixed, see https://github.com/angular/angular/issues/11402. As of my writing this, the issue has been open for over two years, but they do claim it will get fixed one day.

answered Jun 1, 2018 at 14:54

pbristow

2,2054 gold badges30 silver badges48 bronze badges

Comments

Aathreya · Accepted Answer · 2018-07-25 05:08:26Z

0

For me, I haven't declared my newly created component in module.ts. It worked when I declared it. Check if any of your components are not declared in module.ts.

answered Jul 25, 2018 at 5:08

Aathreya

5334 silver badges10 bronze badges

Collectives™ on Stack Overflow

Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory'

7 Answers 7

2 Comments

1 Comment

1 Comment

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

2 Comments

1 Comment

1 Comment

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related