ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' #7125

marciomsm · 2017-07-24T18:49:10Z

I am getting ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' when I run ng build --prod, but if I run the command ng build --env=prod I get success.

Do we have any differences between these commands?

The text was updated successfully, but these errors were encountered:

ajalmaguer · 2017-07-24T19:03:59Z

Happens for me too. These are the versions of my project:

@angular/cli: 1.1.3
node: 6.11.0
os: darwin x64
@angular/animations: 4.2.4
@angular/common: 4.2.4
@angular/compiler: 4.2.4
@angular/core: 4.2.4
@angular/forms: 4.2.4
@angular/http: 4.2.4
@angular/platform-browser: 4.2.4
@angular/platform-browser-dynamic: 4.2.4
@angular/router: 4.2.4
@angular/cli: 1.1.3
@angular/compiler-cli: 4.2.4
@angular/language-service: 4.2.4

marciomsm · 2017-07-24T19:34:43Z

I solved it setting the zone.js version to 0.8.14. I don't know if we have an issue on Angular-CLI or on zone.js.

marius-oprea · 2017-07-24T19:54:37Z

I did a successful ng build -prod a couple of hours ago, but now I get the same error without changing nothing to my project.

bcravens · 2017-07-24T19:56:03Z

@marius-oprea same thing just happened to me.

mattrichard · 2017-07-24T20:00:32Z

I'm getting the same error too. Updating zone.js did not work for me.

jh-code · 2017-07-24T20:02:40Z

Happening here as well. Very odd. Tried messing around with a lot of different versions of Angular, Angular CLI, Zone.js and others with no luck.

ghost · 2017-07-24T20:03:17Z

Same here, tried updating zone.js and it did not work

bcravens · 2017-07-24T20:24:23Z

We eventually solved it by mass updating our node packages. Not sure which one solved the problem, wasn't zone.js though.

ghost · 2017-07-24T20:34:25Z

@bcravens can you share your package.json?

marius-oprea · 2017-07-24T20:41:30Z

updating to @angular/cli 1.2.4 and the other packages to the latest version solved the issue for me.

marciomsm · 2017-07-24T20:44:34Z

Change your package.json to zone.js: 0.8.14. Delete node_modules folder and run npm install again.

ghost · 2017-07-24T20:52:17Z

Updating to @angular-cli: 1.2.4 fixed the issue for me.

EricABC · 2017-07-24T21:02:02Z

The patch rc.1 was released to address this, but others still indicate problems with rc.1 here: #7113. rc.1 fixed most of my apps, but for some sample projects I was using a tsconfig with 'include: []', relying on ng to pass my entrypoint to the compiler. When using AOT you will get this error even in rc.1 unless you include the entry points explicitly in tsconfig.

joseph-mcallister · 2017-07-24T21:18:33Z

None of the package updating worked for me but adding enhanced-resolve: 3.3.0 did. See #4551

tianyuanzhonglu · 2017-07-25T03:14:54Z

@angular/cli: 1.2.4 fix the problem

philljones · 2017-07-25T05:07:14Z

@angular/cli: 1.2.4 fixed the problem for me also - this on VSTS Hosted

dkro · 2017-07-25T07:34:43Z

Getting the same error. CLI 1.2.4 and Zone 0.8.14 did not resolve the problem for me

nille85 · 2017-07-25T07:36:19Z

Updating to @angular/cli: 1.2.4 also fixed the problem for me.

PierreDuc · 2017-07-25T07:38:58Z

If updating to 1.2.4 doesn't work for you. Make sure you remove your node_modules folder and your package-lock.json, and run npm install. And if even that doesn't work, install enhanced-resolve@3.3.0, to avoid installing the faulty package. And if that doesn't work, you should probably be looking at your own code :)

atiris · 2017-07-25T09:02:09Z

Oh, @PierreDuc It would be nice, if you were right...
Everything updated/removed/installed, enhanced-resolve too... but after all of this I can run only ng build --aot without any Can't resolve 'src\$$_gendir\... bug. When I run ng commands with i18n option (it can be serve or build like ng serve --aot --locale sk --i18n-file locale/messages.sk.xmb --i18n-format xmb), I get Can't resolve './$$_gendir/app/app.module.ngfactory' ... and I'm pretty sure this is not due to my code :(

flauc · 2017-07-25T09:05:05Z

@atiris Are you running on linux or windows? For some reason enhanced-resolve: 3.3.0 fixes it for my on windows, but not on linux. It's the same version of npm and node on both machines.

PierreDuc · 2017-07-25T09:08:31Z

@atiris Have you cleared your npm cache, and removed the angular-cli global package?

atiris · 2017-07-25T09:31:16Z

@PierreDuc I do my complete procedure again just now:
cd <project>;
delete node_modules;
delete package-lock.json;
npm uninstall @angular/cli -g;
npm cache clean --force; (last time I run only npm cache verify)
npm install @angular/cli -g;
npm cache verify;
close / open console;
cd <project>;
npm install;
ng --version; (result: 1.2.4)
ng build --aot; (result: many errors type Can't resolve './$$_gendir/app/app.module.ngfactory')
checked package.json --> dependencies already contains "enhanced-resolve": "^3.3.0" but I run also next command
npm install enhanced-resolve@3.3.0 --save;
ng build --aot; (result: now everything is OK)
ng build --aot --locale sk --i18n-file locale/messages.sk.xmb --i18n-format xmb; (result: again the same error, but only one)

ERROR in Unsupported
ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '<project>\src'
 @ ./src/main.ts 3:0-74
 @ multi ./src/main.ts

@flauc I run it on windows. My actual versions:

@angular/cli: 1.2.4, node: 8.1.3, npm: 5.3.0, os: win32 x64
@angular/animations, @angular/common, @angular/compiler, @angular/core, @angular/forms,
@angular/http, @angular/platform-browser, @angular/platform-browser-dynamic,
@angular/platform-server, @angular/router, @angular/upgrade, @angular/compiler-cli,
@angular/language-service: 4.3.1

ankeshdave · 2017-07-25T09:56:51Z

@filipesilva

I am also having the same problem,

Tried all solutions mentioned above

Using latest rc1
installed enhanced-resolve@3.3.0 still the same error.

The project is newly generated by the command

ng new my-prj --skip-install --skip-git -dir my-prj --style scss --routing

x-c4mp3r · 2017-07-25T10:59:04Z

@angular/cli: 1.2.4 fix the problem, but can't ng build --prod --aot, I got

FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

The last fine build was done before angular 4.3

frednomoon · 2017-07-25T11:37:00Z

Same issue here... only fix for me seems to be changing build script to use --env=prod instead of --prod. Updating @angular/cli and other packages didn't make a difference.

filipesilva · 2017-07-25T11:42:19Z

Heya, please see #7113 (comment) for this issue.

nourson · 2017-07-25T11:43:23Z

Updating to @angular/cli@1.2.4 and zone.js@0.8.14
Then
remove node_modules directory
npm cache clear
npm install
fixed the issue with ng build --prod

filipesilva · 2017-07-28T09:13:22Z

--env=prod and --prod are not the same thing. Please see #7113 (comment) for more information about it.

ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' angular/angular-cli#7125 angular/angular-cli#7113

SETI-At-Home · 2017-08-09T15:08:46Z

Changing to "@angular/cli": "1.2.4" fixed the problem.

Make sure after changing from 1.0.0 ver to 1.2.4 to npm install before you ng build ...

crsepulv · 2017-08-17T15:22:05Z

My version is:

@angular/cli: 1.0.1
node: 6.7.0
os: win32 x64
@angular/common: 4.3.4
@angular/compiler: 4.3.4
@angular/core: 4.3.4
@angular/forms: 4.3.4
@angular/http: 4.3.4
@angular/platform-browser: 4.3.4
@angular/platform-browser-dynamic: 4.3.4
@angular/router: 4.3.4
@angular/cli: 1.0.1
@angular/compiler-cli: 4.3.4
and @mihau1 comment solve my problem : https://github.com/angular/angular-cli/issues/7125#issuecomment-317723824

howard9104 · 2017-08-20T02:38:36Z

My original version is 1.2.1 and @angular/cli: 1.2.4 fixed the problem~

kingsolo50 · 2017-08-23T01:04:43Z

This worked for me
Step 1:
Delete the node_modules folder
Step 2:
Replace your package.json "devDependencies": with the following;

"@angular/cli": "^1.3.1",
"@angular/compiler-cli": "^4.0.0",  
"@angular/language-service": "^4.0.0",
"@types/jasmine": "2.5.45",
"@types/jquery": "^3.2.11",
"@types/node": "~6.0.60",
"codelyzer": "~3.0.1",
"jasmine-core": "~2.6.2",
"jasmine-spec-reporter": "~4.1.0",
"karma": "~1.7.0",
"karma-chrome-launcher": "~2.1.1",
"karma-cli": "~1.0.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.1.2",
"ts-node": "~3.0.4",
"tslint": "~5.3.2",
"typescript": "~2.3.3"

Step 3;
Run npm install

dgroh · 2017-08-28T13:05:24Z

same issue here, but using --env=prod solves the problem, anyways I would like to know what is causing this error

dgroh · 2017-08-28T13:34:58Z

I could fix the issue by running the following commands:

npm install -g @angular/cli@latest
npm install --save-dev @angular/cli@latest
rimraf .\node_modules\
ncu -u
npm install
npm cache clean

yassinechabli · 2017-09-06T13:34:55Z

Could someone told us about the source of this problem . because if i take my case , the command ng build --prod --aot was working fine . i don't change any thing on my project . and after a while . i have the same error ... updating the angular cli to the version 1.2.4 solve the problem for me . but still not getting what was the problem exactly ? . some help please .

beauxjames-ZZ · 2017-09-06T19:39:47Z

Note: Updating to angular-cli 1.2.4 solved the problem that started this thread for our instance of the installation.

Application development done both on Mac and Windows.
Deploying to Apache / Docker containers.

_{Of course, we also needed to do a fresh npm install.}

yassinechabli · 2017-09-07T08:37:28Z

Thank you @beauxjames , but i found anoher problem when updating to the 1.2.6 . some module in my application are not working . so what you think should i do ? trying to solve this problem and keep the version 1.2.6 of angular or downgrade it to the old version and solve it with another way .

achieverprince · 2017-09-12T07:04:08Z

@yassinechabli
I was able to solve it in multiple project with CLI 1.2.6 +
Error you are getting now might be related to AOT, you can fix it if you follow the guidelines.
What error you are getting, may be some one can help.
Or search with that error messages separately and fix them.

yassinechabli · 2017-09-15T08:30:15Z

the problem was about a module (ngx-date-picker) that need to be updated also .
i don't know why , but i upgrade to the last version with some modification in my code and it works .
thank you @achieverprince .

manishit56 · 2017-09-22T15:21:29Z

below command solved my issue
npm install enhanced-resolve@3.3.0

angular/angular-cli#7125

justin48 · 2017-10-18T21:54:42Z

removing node_modules and running npm install worked for me.

devssharma · 2017-11-11T11:57:07Z

Sloved !!
I had this issue when i was trying the execute ng build -aot command.
problem slove for me when i changed the version of "@angular/cli": "1.2.0" to "@angular/cli": "1.3.0",

imichelakos · 2017-11-14T18:55:38Z

Sloved !!
I had this issue when i was trying the execute ng build -prod command.
Problem solved by updating the version of "@angular/cli": "1.0.0" to "@angular/cli": "1.3.0".

scharlo · 2018-02-01T18:15:26Z

None of the solutions worked for me, because the issue was about memory. Maybe the command below could work for those who couldn't find a solution. This solved the issue in my case.

node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build --prod

bharath005 · 2018-04-05T07:21:15Z

Could not resolve "./components/template/template.module" from "E:/vat_frontend/src/app/app.module.ts".

tayyab786 · 2018-06-21T17:21:22Z

import React, { Component } from 'react';
import logo from './logo.svg';
import './image.css';
import Dropdown from 'react-dropdown';
import axios from 'axios';
import { AppRegistry, View, Image,Text, } from 'react-native';
// import 'react-dropdown/style.css';

class App extends Component {
state=
{
selectedFile:null
}
fileSelectHandler=event=>{
// console.log(event.target.files[0]);
this.setState({
selectedFile:event.target.files[0]
})
// fileUploadHandler=() =>
// {
// axios.post('')
//
// }
}

render() {

return (
    <div className="image-upload">
    <View>
    <Image
     source={require('D:\ofc\firstapp\src\bmw.jpg')}
   />
   </View>

    </div>


);

}
}

export default App;

m geeting error of
./src/practicee.js
Module not found: Can't resolve 'D:ofcirstappsrc�mw.jpg' in 'D:\ofc\firstapp\src'

can anyone help me

tayyab786 · 2018-06-21T17:22:31Z

geeting error of
./src/practicee.js
Module not found: Can't resolve 'D:ofcirstappsrc�mw.jpg' in 'D:\ofc\firstapp\src'

can anyone help me

tayyab786 · 2018-06-21T17:23:15Z

import React, { Component } from 'react';
import logo from './logo.svg';
import './image.css';
import Dropdown from 'react-dropdown';
import axios from 'axios';
import { AppRegistry, View, Image,Text, } from 'react-native';

class App extends Component {
state=
{
selectedFile:null
}
fileSelectHandler=event=>{
this.setState({
selectedFile:event.target.files[0]
})

}

render() {

return (
    <div className="image-upload">
    <View>
    <Image
     source={require('D:\ofc\firstapp\src\bmw.jpg')}
   />
   </View>

    </div>


);

}
}

export default App;

KhizerRehan · 2018-06-24T00:18:33Z

Trying to build AOT but still unsuccessful! Even tried #7113 solution. But still error persists.kindly help Thanks!
@filipesilva @Brocco

current cli version installed:

Error screen shot

ssjoy76 · 2018-09-25T19:30:32Z

This command is 100% work for solving this problem.
npm install enhanced-resolve@3.3.0

rameshpraja · 2018-10-02T12:39:58Z

I have the same issue
Angular CLI version : 1.0.0
angular version : 4
node : v8.11.3
When I fired ng build --prod then throwing the below error

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/home/user2/Project/test/streetworkapp/material/loan_calculator/src'
@ ./src/main.ts 5:0-74
@ multi ./src/main.ts

ERROR in ./src/$$_gendir async
Module not found: Error: Can't resolve '/home/user2/Project/test/streetworkapp/material/loan_calculator/src/$$_gendir/app/routes/home/home.module.ngfactory.ts' in '/home/user2/Project/test/streetworkapp/material/loan_calculator/src/$$_gendir'
@ ./src/$$_gendir async
@ ./~/@angular/core/@angular/core.es5.js
@ ./src/main.ts
@ multi ./src/main.ts

ERROR in ./src/$$_gendir async
Module not found: Error: Can't resolve '/home/user2/Project/test/streetworkapp/material/loan_calculator/src/$$_gendir/app/routes/loan/loan.module.ngfactory.ts' in '/home/user2/Project/test/streetworkapp/material/loan_calculator/src/$$_gendir'
@ ./src/$$_gendir async
@ ./~/@angular/core/@angular/core.es5.js
@ ./src/main.ts
@ multi ./src/main.ts

I have tried with upgrading the @angular/cli latest version as well but I am not able to resolved that production issues.

Please expert team help me.

angular-automatic-lock-bot · 2019-09-08T17:41:35Z

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

taras-samkvoskyi mentioned this issue Jul 25, 2017

AoT not working! TrilonIO/aspnetcore-angular-universal#340

Closed

filipesilva closed this as completed Jul 25, 2017

ASADeveloper mentioned this issue Jul 31, 2017

Build the SPA app with NPM error npm run build:prod dotnet-architecture/eShopOnContainers#253

Closed

xtianus79 mentioned this issue Aug 30, 2017

Webpack AOT build fails Gbuomprisco/ngx-chips#451

Closed

hsinlin added a commit to hsinlin/wages-by-gender that referenced this issue Sep 24, 2017

fix deploy error

a2d3dcc

angular/angular-cli#7125

angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 8, 2019

ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' #7125

ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' #7125

Comments

marciomsm commented Jul 24, 2017

ajalmaguer commented Jul 24, 2017 • edited Loading

marciomsm commented Jul 24, 2017

marius-oprea commented Jul 24, 2017

bcravens commented Jul 24, 2017

mattrichard commented Jul 24, 2017

jh-code commented Jul 24, 2017

ghost commented Jul 24, 2017

bcravens commented Jul 24, 2017

ghost commented Jul 24, 2017

marius-oprea commented Jul 24, 2017

marciomsm commented Jul 24, 2017

ghost commented Jul 24, 2017

EricABC commented Jul 24, 2017

joseph-mcallister commented Jul 24, 2017 • edited Loading

tianyuanzhonglu commented Jul 25, 2017

philljones commented Jul 25, 2017

dkro commented Jul 25, 2017

nille85 commented Jul 25, 2017

PierreDuc commented Jul 25, 2017

atiris commented Jul 25, 2017 • edited Loading

flauc commented Jul 25, 2017

PierreDuc commented Jul 25, 2017

atiris commented Jul 25, 2017 • edited Loading

ankeshdave commented Jul 25, 2017

x-c4mp3r commented Jul 25, 2017 • edited Loading

frednomoon commented Jul 25, 2017 • edited Loading

filipesilva commented Jul 25, 2017 • edited Loading

nourson commented Jul 25, 2017

filipesilva commented Jul 28, 2017

SETI-At-Home commented Aug 9, 2017 • edited Loading

crsepulv commented Aug 17, 2017

howard9104 commented Aug 20, 2017

kingsolo50 commented Aug 23, 2017 • edited Loading

dgroh commented Aug 28, 2017

dgroh commented Aug 28, 2017 • edited Loading

yassinechabli commented Sep 6, 2017

beauxjames-ZZ commented Sep 6, 2017

yassinechabli commented Sep 7, 2017 • edited Loading

achieverprince commented Sep 12, 2017

yassinechabli commented Sep 15, 2017

manishit56 commented Sep 22, 2017

justin48 commented Oct 18, 2017

devssharma commented Nov 11, 2017

imichelakos commented Nov 14, 2017

scharlo commented Feb 1, 2018

bharath005 commented Apr 5, 2018

tayyab786 commented Jun 21, 2018

tayyab786 commented Jun 21, 2018

tayyab786 commented Jun 21, 2018

KhizerRehan commented Jun 24, 2018 • edited Loading

ssjoy76 commented Sep 25, 2018

rameshpraja commented Oct 2, 2018

angular-automatic-lock-bot bot commented Sep 8, 2019

ajalmaguer commented Jul 24, 2017 •

edited

Loading

joseph-mcallister commented Jul 24, 2017 •

edited

Loading

atiris commented Jul 25, 2017 •

edited

Loading

atiris commented Jul 25, 2017 •

edited

Loading

x-c4mp3r commented Jul 25, 2017 •

edited

Loading

frednomoon commented Jul 25, 2017 •

edited

Loading

filipesilva commented Jul 25, 2017 •

edited

Loading

SETI-At-Home commented Aug 9, 2017 •

edited

Loading

kingsolo50 commented Aug 23, 2017 •

edited

Loading

dgroh commented Aug 28, 2017 •

edited

Loading

yassinechabli commented Sep 7, 2017 •

edited

Loading

KhizerRehan commented Jun 24, 2018 •

edited

Loading