hello guys I have this next error when I try run my App from the terminal(linux), when I run this command:
ng serve
and I get this error in my terminal:
AppBlog/blog# ng serve
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json'
Require stack:
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/architect/node/index.js
- /usr/local/lib/node_modules/@angular/cli/models/architect-command.js
- /usr/local/lib/node_modules/@angular/cli/commands/serve-impl.js
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/schematics/tools/export-ref.js
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/schematics/tools/index.js
- /usr/local/lib/node_modules/@angular/cli/utilities/json-schema.js
- /usr/local/lib/node_modules/@angular/cli/models/command-runner.js
- /usr/local/lib/node_modules/@angular/cli/lib/cli/index.js
- /usr/local/lib/node_modules/@angular/cli/lib/init.js
- /usr/local/lib/node_modules/@angular/cli/bin/ng
See "/tmp/ng-ev5aDi/angular-errors.log" for further details.then i checked out this part :
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json'
this part say that cannot find moduled called: "'@angular-devkit/build-angular/package.json'"
then I cheked out this file in my project but I have this, look:
"devDependencies": {
"@angular-devkit/build-angular": "~0.900.3",
"@angular/cli": "~9.0.3",
"@angular/compiler-cli": "~9.0.2",
"@angular/language-service": "~9.0.2",
"@types/node": "^12.11.1",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "^5.1.2",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.3.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"protractor": "~5.4.3",
"ts-node": "~8.3.0",
"tslint": "~5.18.0",
"typescript": "~3.7.5"
}then i went to google and search and I found this like from stackoverflow and I tried their solution but it does not work and I run the command ng serve again.
what I did wrong?
before nothing , before I added 3 components: login,register and home in my folder : src/app with this command : ng generate component login and I import my component in my file : app.component.ts this way:
/* THIS IS JUST A EXAMPLE VERY SIMILAR TO MY CODE REAL, I just import one component*/
import { Component } from '@angular/core';
import { loginComponent } from './login.component';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
declarations: [loginComponent], //import my login
})
export class AppComponent {
title = 'blog';
}maybe is this part but I dont find a solution, any expert in angular could tell me what I did wrong?
UPDATE
I am continue searching in google and I found this: github/Angular they are saying that I would install npm/angular-cli/node again and I run this command for update my angular cli:
uninstalled ang-cli
npm uninstall @angular/cli
installed the latest
npm install -g @angular/cli@latest
but first I update my npm with this command:
installed the latest npm
npm install -g npm@latest
but it still does not work.
In my case these 2 commands helped:
npm install -g npm@latest
npm install -g @angular/cli
I have faced this issue when i recently upgraded the Angular CLI to Angular 9. the following commands fixed the issue.
npm install --save-dev @angular-devkit/build-angular
npm install
ng serve -o
Please try installing the npm on a project folder. I had installed npm globally but installing the npm once again on a solution folder fixed my issue.
npm install in the project folder will do the trick. Then do ng serve -o
In my case 2 commands helped:
npm install --save-dev @angular-devkit/build-angular
npm install --save-dev @angular-devkit/core
npm install
run this in your terminal and done.
I finally found something working for me.
Add --force at the end of your npm command.
Like npm install --save-dev @angular-devkit/build-angular --force
Then ng serve
I am Working Angular Project When I update Angular Cli and then I get this error An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/utils' Require stack:
I have resolve this error by using this command
npm i @ionic/angular-toolkit@latest
In my case running npm install in project folder solved the problem.
Had this exact issue on an existing Angular 10 project. The following steps resolved the issue for me:
package-lock.json file.node_modules folder and all of its contents.npm install. Note that in my case I had to add the --force flag. YMMVAt this point, ng build --prod completed successfully for me.
Under the project directory run the following command
npm install --save-dev @angular-devkit/build-angular
The error states that "Cannot find module '@angular-devkit/build-angular/package.json'" which means you have to have that package added.
install the latest npm
npm install -g npm@latest
add the missing
npm install --save-dev @angular-devkit/build-angular
In my case I was getting a similar but different error.
Cannot find module '@nguniversal/builders/package.json'
To fix it I had to run
npm install --save-dev @nguniversal/builders
I fixed it using:
npm i --save-dev @angular-devkit/build-angular --force
npm i @angular/compiler-cli --save-dev
Earlier following were errors:-
Following worked for me: -
npm install npm@latest reinstall without -g
It also happened to me, when I ng serve on the cloned code on the company. This happens because there's an error with node modules installation so we need to install it again, build it, and serve it.
If the first step above, didn't work because it didn't work to me and receives another error which is: "npm ERR! cb() never called!"
I solve this using this command: npm cache clean --force
and once this worked, continue to steps 2-3. It worked.
P.S Kindly give me an upvote if this works, My account is new in stackoverlfow hehez.
If you are on Angular 11 and facing this issue then please do the following:
Remove "@angular-devkit/build-ng-packagr:build" dependency from devDependencies
Update angular.json->projects->your-library-name -> architect -> build ->
Old:"builder": "@angular-devkit/build-ng-packagr:build",
New:"builder": "@angular-devkit/build-angular:ng-packagr",
