0
1.1K
VistasNo se pudo encontrar la implementación para el constructor @ angular-devkit/build-angular:dev-server en el comando ng serve
Intenté actualizar la CLI angular después de esto , pero ahora no puedo ejecutar mi aplicación. Cuando trato de ejecutar el comando ng serve , me da este error:
Could not find the implementation for builder @angular-devkit/build-angular:dev-server Error: Could not find the implementation for builder @angular-devkit/build-angular:dev-server at WorkspaceNodeModulesArchitectHost.resolveBuilder (C:\Users\Lupus\Documents\full-stack-projects\financial-app-ui\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js:49:19) at ServeCommand.initialize (C:\Users\Lupus\Documents\full-stack-projects\financial-app-ui\node_modules\@angular\cli\models\architect-command.js:135:55) at process._tickCallback (internal/process/next_tick.js:68:7) at Function.Module.runMain (internal/modules/cjs/loader.js:745:11) at startup (internal/bootstrap/node.js:283:19) at bootstrapNodeJSCore (internal/bootstrap/node.js:743:3)He intentado todo lo que pude encontrar.
- Intenté instalar devkit manualmente con el comando
npm install --save-dev @angular-devkit/build-angular - Intenté ejecutar el comando
npm i --only=dev - Intenté ejecutar los comandos.
:
npm install ng update npm update- Eliminó la carpeta
node_modulesy el archivopackage-lock.jsony ejecutó todos los comandos nuevamente.
Nada funcionó. Ejecutar ng v me da esto:
Angular CLI: 8.0.3 Node: 10.15.0 OS: win32 x64 Angular: 8.0.1 ... animations, cdk, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... router Package Version ----------------------------------------------------------- @angular-devkit/architect 0.13.9 @angular-devkit/build-angular 0.13.9 @angular-devkit/build-optimizer 0.13.9 @angular-devkit/build-webpack 0.13.9 @angular-devkit/core 7.3.9 @angular-devkit/schematics 8.0.3 @angular/cli 8.0.3 @ngtools/webpack 7.3.9 @schematics/angular 8.0.3 @schematics/update 0.800.3 rxjs 6.5.2 typescript 3.4.5 webpack 4.29.0Y mi paquete.json es así:
{ "name": "financial-app-ui", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^8.0.1", "@angular/cdk": "^8.0.1", "@angular/common": "^8.0.1", "@angular/compiler": "^8.0.1", "@angular/core": "^8.0.1", "@angular/forms": "^8.0.1", "@angular/platform-browser": "^8.0.1", "@angular/platform-browser-dynamic": "^8.0.1", "@angular/router": "^8.0.1", "core-js": "^2.6.9", "font-awesome": "^4.7.0", "primeicons": "^1.0.0", "primeng": "^7.1.3", "rxjs": "~6.5.2", "tslib": "^1.10.0", "zone.js": "~0.9.1" }, "devDependencies": { "@angular-devkit/build-angular": "^0.13.9", "@angular/cli": "^8.0.3", "@angular/compiler-cli": "^8.0.1", "@angular/language-service": "^8.0.1", "@types/jasmine": "~2.8.8", "@types/jasminewd2": "~2.0.3", "@types/node": "~8.9.4", "codelyzer": "~4.5.0", "jasmine-core": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma": "~4.0.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~1.1.2", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.4.0", "ts-node": "~7.0.0", "tslint": "~5.11.0", "typescript": "~3.4.5" } }¿Alguien tiene alguna otra sugerencia?
10 Respuestas
Responde la pregunta0
Conseguí que esto funcionara reinstalando el paquete build-angular. Tenga en cuenta el indicador '--save-dev' en el comando de instalación:
npm uninstall @angular-devkit/build-angular npm install --save-dev @angular-devkit/build-angular0
Asegúrese de tener esta configuración en su angular.json
"serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "angular8:build" }, "configurations": { "production": { "browserTarget": "angular8:build:production" } } }Y asegúrese de haber instalado este paquete
@angular-devkit/build-angular0
Resolví mi problema usando el siguiente comando:
ng update @angular/cli @angular/core --allow-dirty --force0
Tengo el mismo problema, pero en mi caso estoy tratando de servir una plantilla descargada de un proyecto Angular. Al principio me dio este error después de un comando ng serve --open terminal.
Se produjo una excepción no controlada:
No se pudo encontrar el módulo "@angular-devkit/build-angular" de "D:\WORK\Desarrollo\plantillas descargadas\argon-dashboard-angular-master".
Resolví eso siguiendo esta pregunta de Stack Overflow: https://stackoverflow.com/a/50333128 , pero recibí estas advertencias:
npm notice created a lockfile as package-lock.json. You should commit this file. npm WARN @ngtools/webpack@7.3.1 requires a peer of @angular/compiler-cli@>=5.0.0 <8.0.0 || ^7.0.0-beta.0 but none is installed. You must install peer dependencies yourself. npm WARN ajv-keywords@3.4.1 requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})Pero luego recibí este error después de probar el comando:
ng serve --openOcurrió una excepción no controlada: no se pudo encontrar la implementación para el generador @ angular-devkit/build-angular:dev-server
Noté que faltaban algunos archivos en mi carpeta node_modules, probablemente debido a mi velocidad de conexión actual. De todos modos, probé en una computadora diferente, en otro lugar, abrí un clon del proyecto y ejecuté el comando:
npm updateluego tome el proyecto en un archivo .rar a mi computadora de trabajo y lo descomprima, ejecute mi Código VS y funcionó perfectamente.
0
ng update debería haber actualizado la versión para su @angular-devkit/build-angular
También me encontré con esto y lo que hice fue crear una nueva aplicación Angular y asegurarme de que ng serve funcionaba bien para esa aplicación Angular recién creada. Luego copié y usé lo siguiente del package.json de la aplicación Angular en funcionamiento, que es:
`"@angular-devkit/build-angular": "~0.802.2",`
Asegúrese de ejecutar npm install
(Lo más probable es que la versión cambie con cada actualización de Angular, así que verifique qué versión necesita usar siguiendo los pasos que he descrito, si ng update aún no lo actualiza por usted)
0
Esto funcionó para mí.
Primero ejecute el comando de actualización, es decir. ng update
Al ejecutar esto, puede obtener una lista de otros paquetes que también deben actualizarse.
Instale estos paquetes manualmente como se sugiere.
Después de ejecutar ng serve , recibí un error en angular.json porque faltaba el archivo tsconfig.app.json . Estos los agregué manualmente desde este enlace . También agregué el archivo tsconfig.spec.json .
Eso es todo, ejecuté ng serve nuevamente y el proyecto cumplió con éxito.
0
En angular.json cambie esta línea "builder": "@angular-builders/build-angular:browser", a "builder": "@angular-devkit/build-angular:browser", resolvió mi problema.
0
Versiones de verificación doble: miré package.json y verifiqué todas las versiones de todos los programas Angular/Webkit, eliminando los que me daban errores Errores de mecanografiado como rxjs y googlemaps .
Quite el package-lock.json . Agregue todas las versiones correctas de Angular, Webkit, Typescript, etc... verificando qué renderizan las versiones anteriores. Esto significa buscar paquetes en el historial de versiones en npmjs.com y buscar coincidencias por fecha/antigüedad y números de versión. Realice los cambios en package.json y guárdelo.
"dependencies" { "@agm/core": "1.0.0", "@angular/cdk": "6.1.0", "rxjs": "6.0.0", "rxjs-compat": "6.0.0", ... }, ... "devDependencies": { "@angular-devkit/build-angular": "0.6.1", // old: "^6.1.0", "@angular/cli": "6.1.0", // new: "6.1.0", "@angular/compiler-cli": "6.1.0", "typescript": "2.7.2" ... }Comience de nuevo eliminando todos los módulos antiguos:
rm -fR ./node_modules/@angular; rm -fR ./node_modules/@angular-devkit/; rm -fR ./node_modules/typescript; rm -fR ./node_modules/rxjs*; rm package-lock.json;
Luego reinstale: npm install;
Solución de plantilla .Pug: estoy usando un cargador .pug , así que tuve que parchear manualmente: node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/common.js para permitir Webpack para renderizar archivos Pug. Agregue esta línea después de la regla html dentro de ese archivo:
{ test: /.pug$/, use: [ { loader: "apply-loader" }, { loader: "pug-loader" } ] }, .
Esto imita lo que hace el archivo ng-add-pug-loader.js para cargar archivos .pug en la versión 6 de Angular.
0
Yo tuve el mismo problema. Solo dos comandos resolvieron mi problema
npm uninstall @angular-devkit/build-angular npm install --save-dev @angular-devkit/build-angular //OR npm install @angular-devkit/build-angularSi esto no funciona. no te preocupes. ejecuta este comando.
ng update @angular/cli @angular/core --allow-dirty --force0
Dado que recibió este error, es posible que esté usando una aplicación que usa una versión anterior de angular dev, como 0.6.x
Si simplemente desinstala y vuelve a instalar, es muy probable que tenga otros errores como "no se puede encontrar el módulo '@angular/compiler-cli/src/tooling'" o no se puede encontrar el módulo '@angular/compiler-cli/ngcc' porque parece ese angular ha estado haciendo muchos cambios.
Si resolvió el problema simplemente actualizando, entonces olvídese de lo siguiente.
Es mejor usar la siguiente versión (en relación con 0.6.5) que no causa el error de compilación y el error ngcc.
En mi caso, la versión correcta está entre el error de compilación y el error ngcc.