Question

0

652

Visualizações

Recibo este error: No puedo encontrar el módulo '@ angular-devkit/build-angular/package.json cuando intento ejecutar mi aplicación con ng serve desde Linux

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.

over 4 years ago · Santiago Trujillo

16 Respostas

Responde à pergunta

0

Responde à pergunta

Encontrar trabalhos remotos

Answer 1 · 2022-03-08T18:52:56.233Z

En mi caso, estos 2 comandos ayudaron:

 npm install -g npm@latest npm install -g @angular/cli

Answer 2 · 2022-03-08T18:52:56.465Z

Enfrenté 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 -o

Answer 3 · 2022-03-08T18:52:56.716Z

Intente 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

Answer 4 · 2022-03-08T18:52:57.003Z

En mi caso, 2 comandos ayudaron:

npm install --save-dev @angular-devkit/build-angular

npm install --save-dev @angular-devkit/core

Answer 5 · 2022-03-08T18:52:57.254Z

npm install ejecuta esto en tu terminal y listo.

over 4 years ago · Santiago Trujillo Relatório

Answer 6 · 2022-03-08T18:52:57.491Z

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

Answer 7 · 2022-03-08T18:52:57.879Z

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:

C:\codeFlies Development\how_marketsapp\node_modules@ionic\angular-toolkit\builders\utils\index.js
C:\codeFlies Development\how_marketsapp\node_modules@ionic\angular-toolkit\builders\cordova-build\index.js
C:\codeFlies Development\how_marketsapp\node_modules@angular-devkit\architect\node\node-modules-architect-host.js
C:\codeFlies Development\how_marketsapp\node_modules@angular-devkit\architect\node\index.js
C:\codeFlies Development\how_marketsapp\node_modules@angular\cli\models\architect-command.js
C:\codeFlies Development\how_marketsapp\node_modules@angular\cli\commands\run-impl.js
C:\codeFlies Development\how_marketsapp\node_modules@angular\cli\node_modules@angular-devkit\schematics\tools\export-ref.js
C:\codeFlies Development\how_marketsapp\node_modules@angular\cli\node_modules@angular-devkit\schematics\tools\index.js
C:\codeFlies Development\how_marketsapp\node_modules@angular\cli\utilities\json-schema.js
C:\codeFlies Development\how_marketsapp\node_modules@angular\cli\lib\cli\index.js
C:\codeFlies Development\how_marketsapp\node_modules@angular\cli\lib\init.js
C:\codeFlies Development\how_marketsapp\node_modules@angular\cli\bin\ng Consulte "C:\Users\hp\AppData\Local\Temp\ng-UQJuET\angular-errors.log" para obtener más detalles.

He resuelto este error usando este comando

npm i @ionic/angular-toolkit@último

Answer 8 · 2022-03-08T18:52:58.238Z

En mi caso, ejecutar npm install en la carpeta del proyecto resolvió el problema.

Answer 9 · 2022-03-08T18:52:58.461Z

Tenía este problema exacto en un proyecto Angular 10 existente. Los siguientes pasos resolvieron el problema para mí:

Elimine el archivo package-lock.json .
Elimine la carpeta node_modules y todo su contenido.
Ejecute 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í.

Answer 10 · 2022-03-08T18:52:58.673Z

En el directorio del proyecto, ejecute el siguiente comando

 npm install --save-dev @angular-devkit/build-angular

Answer 11 · 2022-03-08T18:52:58.886Z

El 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

Answer 12 · 2022-03-08T18:52:59.137Z

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/builders

Answer 13 · 2022-03-08T18:52:59.378Z

Lo arreglé usando:

 npm i --save-dev @angular-devkit/build-angular --force npm i @angular/compiler-cli --save-dev

Answer 14 · 2022-03-08T18:52:59.881Z

Anteriormente, los siguientes fueron errores: -

ng servir

Lo siguiente funcionó para mí: -

npm install npm@latest reinstalar sin -g

Paquetes instalados con éxito

Answer 15 · 2022-03-08T18:53:00.184Z

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.

instalación de npm --save-dev @angular-devkit/build-angular
construir
ng servir

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.

Answer 16 · 2022-03-08T18:53:00.447Z

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",

0

652

Recibo este error: No puedo encontrar el módulo '@ angular-devkit/build-angular/package.json cuando intento ejecutar mi aplicación con ng serve desde Linux

ang-cli desinstalado

instaló lo último

instaló el último npm

16 Respostas

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

Encontrar trabalhos remotos

Andres GPT