hola chicos, tengo este siguiente error cuando intento ejecutar mi aplicación desde la terminal (linux), cuando ejecuto este comando:
ng servir
y me sale este error en mi 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.luego revisé esta parte:
Ocurrió una excepción no controlada: no se puede encontrar el módulo '@ angular-devkit/build-angular/package.json'
esta parte dice que no se puede encontrar el módulo llamado: "'@angular-devkit/build-angular/package.json'"
luego revisé este archivo en mi proyecto pero tengo esto, mira:
"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" }luego fui a google y busqué y encontré esto como de stackoverflow y probé su solución pero no funciona y ejecuto el comando ng serve nuevamente.
¿que hice mal?
antes de nada, antes de agregar 3 componentes: inicio de sesión, registro e inicio en mi carpeta: src/app con este comando: ng generar inicio de sesión de componente e importo mi componente en mi archivo: app.component.ts de esta manera:
/* 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'; }tal vez sea esta parte pero no le encuentro solucion, algun experto en angular me podria decir que hice mal?
ACTUALIZAR
Sigo buscando en Google y encontré esto: github/Angular dicen que instalaría npm/angular-cli/node nuevamente y ejecuto este comando para actualizar mi angular cli:
ang-cli desinstalado
npm desinstalar @angular/cli
instaló lo último
npm install -g @angular/cli@último
pero primero actualizo mi npm con este comando:
instaló el último npm
npm install -g npm@último
Pero todavía no funciona.
En mi caso, estos 2 comandos ayudaron:
npm install -g npm@latest npm install -g @angular/cliEnfrenté este problema cuando recientemente actualicé Angular CLI a Angular 9. Los siguientes comandos solucionaron el problema.
npm install --save-dev @angular-devkit/build-angular npm install ng serve -oIntente instalar npm en una carpeta de proyecto. Instalé npm globalmente, pero instalar npm una vez más en una carpeta de solución solucionó mi problema.
npm install en la carpeta del proyecto hará el truco. Entonces hacer ng serve -o
En mi caso, 2 comandos ayudaron:
npm install --save-dev @angular-devkit/build-angular
npm install --save-dev @angular-devkit/core
npm install ejecuta esto en tu terminal y listo.
Finalmente encontré algo que funciona para mí.
Agregue --force al final de su comando npm.
Como npm install --save-dev @angular-devkit/build-angular --force
Entonces ng serve
Estoy trabajando en un proyecto angular Cuando actualizo Angular Cli y luego aparece este error Ocurrió una excepción no controlada: no se puede encontrar el módulo '@ angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/utils' Requerir pila:
He resuelto este error usando este comando
npm i @ionic/angular-toolkit@último
En mi caso, ejecutar npm install en la carpeta del proyecto resolvió el problema.
Tenía este problema exacto en un proyecto Angular 10 existente. Los siguientes pasos resolvieron el problema para mí:
package-lock.json .node_modules y todo su contenido.npm install . Tenga en cuenta que en mi caso tuve que agregar el indicador --force . YMMV En este punto, ng build --prod se completó con éxito para mí.
En el directorio del proyecto, ejecute el siguiente comando
npm install --save-dev @angular-devkit/build-angularEl error indica que "No se puede encontrar el módulo '@angular-devkit/build-angular/package.json'", lo que significa que debe agregar ese paquete.
instalar el último npm
npm install -g npm@último
agrega lo que falta
instalación de npm --save-dev @angular-devkit/build-angular
En mi caso estaba recibiendo un error similar pero diferente.
Cannot find module '@nguniversal/builders/package.json'Para arreglarlo tuve que correr
npm install --save-dev @nguniversal/buildersLo arreglé usando:
npm i --save-dev @angular-devkit/build-angular --force npm i @angular/compiler-cli --save-devAnteriormente, los siguientes fueron errores: -
Lo siguiente funcionó para mí: -
npm install npm@latest reinstalar sin -g
También me pasó a mí, cuando ng serve el código clonado en la empresa. Esto sucede porque hay un error con la instalación de los módulos de nodo, por lo que debemos instalarlo nuevamente, compilarlo y servirlo.
Si el primer paso anterior no funcionó porque no funcionó para mí y recibe otro error que es: "npm ERR! cb() nunca llamado!" Resuelvo esto usando este comando: npm cache clean --force y una vez que esto funcionó, continúe con los pasos 2-3. Funcionó.
PD Por favor, dame un voto a favor si esto funciona, mi cuenta es nueva en stackoverlfow hehez.
Si está en Angular 11 y enfrenta este problema, haga lo siguiente:
Eliminar "@angular-devkit/build-ng-packagr:build" de devDependencies
Actualice angular.json ->proyectos->nombre-de-su-biblioteca -> arquitecto -> compilación ->
Antiguo: "builder": "@angular-devkit/build-ng-packagr:build",
Nuevo: "builder": "@angular-devkit/build-angular:ng-packagr",