angular - tutorial - ng update
El paquete de error CLI de Angular2 "@ angular/compiler-cli" no se instaló correctamente (22)
Actualice el texto mecanografiado a la última versión con npm install -g typescript@latest
encuentre la versión del paquete instalado con tsc -v
abra package.json y cambie la versión mecanografiada con la última y vuelva a iniciarla.
Estoy trabajando en un proyecto de Angular 2. Ahora intento instalar Angular CLI dentro del proyecto actual con lo siguiente
npm install --save-dev @angular/cli@latest
npm install
El problema es cuando estoy ejecutando ng serve
recibo un error
The "@angular/compiler-cli" package was not properly installed.
Error: The "@angular/compiler-cli" package was not properly installed.
at Object.<anonymous> (/myng2project/node_modules/@ngtools/webpack/src/index.js:14:11)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (/myng2project/node_modules/@angular/cli/tasks/eject.js:10:19)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
Creo nueva instalación nueva en máquina Linux
@ angular / cli: nodo 1.0.1: 6.10.2 os: linux x64
Después de crear nuevos proyectos angulares 2 usando
ng new angularhellword
Proyecto creado con éxito, pero cuando ejecuto el comando
ng serve
Me da el mismo error que se muestra a continuación
El paquete "@ angular / compiler-cli" no se instaló correctamente.
Por favor, siga los siguientes pasos para evitar problemas:
"npm uninstall --save-dev angular-cli"
"npm install --save-dev @angular/cli@latest"
Funciona para mí y el proyecto se ejecuta con éxito.
Creo que necesitas ejecutar "npm install @ angular / compiler-cli --save".
Después de la actualización angular-cli, recibí el mismo error y lo solucioné mediante call npm install -g angular-cli
en project dir. Después de actualizar angular-cli.json
, cambie
"environments": {
"source": "environments/environment.ts",
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
a
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
Este error en el título de la pregunta se produjo debido a una copia del proyecto existente e intenta ejecutar el servicio ng. Intenté todo lo anterior, simplemente intente con la nueva YourApp y pruebe a continuación package.json: concéntrese en la versión del compilador angular, el error que se resolvió a continuación en mi máquina.
{
"name": "orderflow2",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/router": "^4.0.0",
"core-js": "^2.4.1",
"rxjs": "^5.1.0",
"webpack": "^3.2.0",
"zone.js": "^0.8.4"
},
"devDependencies": {
***"@angular/cli": "^1.2.0",
"@angular/compiler-cli": "^4.0.0",***
"@angular/language-service": "^4.0.0",
"@types/jasmine": "~2.5.53",
"@types/jasminewd2": "~2.0.2",
"@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"
}
}
Este mismo error también puede ocurrir si actualiza a Angular 4 y no actualiza Typescript a 2.1.0.
Esto absolutamente absorbido por el trabajo. Para poder arreglarlo, tuve que hacer algunas cosas ...
Para evitar el error @angular/compiler-cli was not installed correctly
, tuve que tomar la solución @ Ruzenhack, que consistía en eliminar los paquetes globales y locales @angular/cli
:
rm -rf node_modules dist
npm uninstall -g @angular/cli
npm cache clean
Pero seguir su consejo para instalar @angular/cli@latest
me dejó con el mismo problema, lo que me llevó a la sugerencia de @SergeyV de que cambie a una versión anterior del cli
. Personalmente, tenía otro proyecto que funcionaba con @angular/[email protected]
así que decidí usarlo e instalarlo globalmente, así como en mi package.json
.
Éxito.
PERO ...
Me dieron otro error ... Cannot read property ''Private'' of undefined
Maldición.
Así que tomé esta sugerencia de los problemas angular-cli github , que era actualizar mi texto mecanografiado. Entonces, lanzando mi versión mecanografiada a ^2.0.0
en package.json
, fui recibido con la salida de ng serve
green familiar y sin frustración. Finalmente.
Espero que ésto ayude a alguien.
Hay un problema con la versión
"@angular/cli": "1.0.0-rc.4"
Intenta instalar uno viejo
"@angular/cli": "1.0.0-rc.2"
He intentado casi todas las soluciones en esta pregunta. También probé una en https://github.com/angular/angular-cli#updating-angular-cli . Mismos resultados Así que busqué el error.
Miré el código en "node_modules/@ngtools/webpack/src/index.js: 14: 11". Este es el mismo lugar donde falla en mi proyecto. La línea es version = require(''@angular/compiler-cli'').VERSION;
Esta línea arroja la excepción y registra el error. The "@angular/compiler-cli" package was not properly installed.
La función que arroja el error es la función require
. Entonces, el módulo @angular/compiler-cli
no está en la versión actual. He intentado el identificador de módulo @angular/compiler
pero eso no tiene una VERSION
. (es decir, indefinido).
Parece que este es un error que el equipo angular tendrá que resolver.
He resuelto este problema mediante la ejecución de npm i
Intenté casi todo en mi Mac hasta que lo hice funcionar con:
> npm cache clean --force
> npm install
> ng serve
Intenté todo en estas respuestas y lo único que funcionó para mí fue lo siguiente:
Paso 1: npm install -g @ angular / cli @ latest
Paso 2: ng nuevo nombre-de-proyecto (ignore si el proyecto ya se ha creado)
Paso 3: nombre de proyecto cd (ignora si el proyecto ya se ha creado)
Paso 4: npm install @ angular / cli --save-dev
Paso 5: npm install @ angular / compiler-cli --save-dev
Paso 6: ng serve
Probó estos pasos en dos entornos diferentes
Dentro de la carpeta del proyecto, escriba "npm install" y espere a que la instalación finalice, esta solución funciona bien para mí.
Me llevó 10 horas de investigaciones para encontrar esto:
npm start
La larga historia que te permite comparar tu enfoque de investigación:
Después de varios intentos fallidos, reinstalé el nodo y npm y ahora tengo:
c:/> ng -v
@angular/cli: 1.3.0
node: 6.9.0
os: win32 ia32
Todo funciona bien para nuevos proyectos
ng new my-new-project
Pero tengo un proyecto comprometido que muestra
Unable to find "@angular/cli" in devDependencies.
Please take the following steps to avoid issues:
"npm install --save-dev @angular/cli@latest"
The "@angular/compiler-cli" package was not properly installed. Error: Error: Cannot find module ''@angular/compiler-cli''
Error: The "@angular/compiler-cli" package was not properly installed. Error: Error: Cannot find module ''@angular/compiler-cli''
at Object.<anonymous> (C:/Users/profimedica/AppData/Roaming/npm/node_modules/@angular/cli/node_modules/@ngtools/webpack/src/index.js:14:11)
Como ya tengo @ angular / cli instalado globalmente, solo tuve que agregarlo al archivo package.json , usando como ejemplo el mismo archivo de un nuevo proyecto creado que funciona bien:
{
"dependencies": {
"body-parser": "^1.17.1",
"express": "^4.15.2",
"http": "0.0.0"
},
"devDependencies": {
"@angular/cli": "1.3.0",
"@angular/compiler-cli": "^4.2.4"
}
}
El segundo error se produce desde aquí porque el módulo @ angular / compiler-cli no está instalado como un módulo local:
// Check that Angular is available.
try {
version = require(''@angular/compiler-cli'').VERSION;
}
catch (e) {
throw new Error(''The "@angular/compiler-cli" package was not properly installed. Error: '' + e);
}
Revisé la carpeta node_modules y observé que faltaban las carpetas. / Node_modules / @angular / compiler-cli,. / Node_modules / @angular / compiler y. / Node_modules / @angular / core.
Instalé según sea necesario:
npm install @angular/compiler-cli
npm install @angular/compiler
npm install @angular/core
Agregué un registro al archivo y veo la versión detectada después de la instalación:. / Node_modules / @ngtools / webpack / src / index.js
console.log(require(''@angular/compiler-cli'').VERSION);
Version { full: ''4.3.5'' }
Ahora recibo un nuevo error:
Cannot read property ''config'' of null
TypeError: Cannot read property ''config'' of null
at Class.run (C:/PRO/htdocs/my/api/gen/projects/generated/testknowledge/node_modules/@angular/cli/tasks/serve.js:23:63)
Para investigar este nuevo problema, agregué una línea de registro en. / Node_modules / @angular / cli / models / config / config.js
class CliConfig {
constructor(_configPath, schema, configJson, fallbacks = []) {
this._configPath = _configPath;
console.log(_configPath);
this._config = new (json_schema_1.SchemaClassFactory(schema))(configJson, ...fallbacks);
}
Y obtuve el valor inesperado:
C:/Users/profimedica/.angular-cli.json
Obviamente, este archivo no está en mi directorio personal, en lugar de hacerlo desde la raíz del proyecto:
./angular-cli.json
Después de 3 horas de investigaciones e intentos de crear los archivos faltantes tuve que repensar el enfoque.
Eliminé el módulo @angular local y lo reinstalé globalmente:
npm install --save-dev @angular/cli@latest
npm install --save-dev @angular/compiler-cli@latest
npm install --save-dev @angular/compiler@latest
npm install --save-dev @angular/core@latest
Descubrí que mi proyecto tiene una arquitectura personalizada y tuve que ejecutar npm start
Necesita actualizar su paquete. Json.
Debe cambiar la dependencia "mecanografiado" para funcionar.
Últimas dependencias de trabajo para angular-cli:
@ angular / cli: "1.0.0",
@ angular / compiler-cli: "^ 4.0.0",
mecanografiado: "~ 2.2.0"
Cambié estos parámetros y funcionó
SOLUCIONADO
Este error no está directamente relacionado con @ angular / compiler-cli, como se afirma, sino con @ angular / cli , un error confuso parcialmente codificado y parcialmente incompleto. Se produce de hecho cuando no se puede determinar la versión de @ angular / compiler-cli. Pero este módulo está bien.
Como soy nuevo en Angular, migré de .NET y no esperaba tantos problemas desde el principio. Entonces comencé a investigar este.
El error ocurre cuando el paquete web no puede determinar la versión de @ angular / compiler-cli en el archivo C: / Users / profimedica / AppData / Roaming / npm / node_modules / @angular / cli / node_modules / @ngtools / webpack / src / index. js:
// Check that Angular is available.
try {
version = require(''@angular/compiler-cli'').VERSION;
}
catch (e) {
throw new Error(''The "@angular/compiler-cli" package was not properly installed. Error: '' + e);
}
Puede verificar sus módulos aquí:
ng -v
@angular/cli: error
@angular/core: 4.3.6
@angular/compiler-cli: 4.3.6
node: 6.9.0
os: win32 ia32
Mi package.json contiene como devDependencies "webpack": "^ 3.5.5" pero no hay ningún node_modules / webpack local. Tengo el módulo webpack en mis módulos globales:
C: / Users / profimedica / AppData / Roaming / npm / node_modules / @angular / cli / node_modules / webpack
Mi error fue:
El paquete "@ angular / compiler-cli" no se instaló correctamente. Error:
Error: no se puede encontrar el módulo ''@ angular / compiler-cli''
Error: el paquete "@ angular / compiler-cli" no se instaló correctamente. Error:
Error: No se puede encontrar el módulo '' @ angular / compiler-cli '' en Object.
(C: / Users / profimedica ** AppData ** / Roaming / npm / node_modules / @angular / cli / node_modules ** @ ngtools / webpack ** / src / index.js: 14: 8) en Module._compile (module .js: 570: 32)
Observe que usa el paquete global. Intento instalarlo locamente:
npm install @ angular / cli @ 1.3.1
npm install @ ngtools / webpack @ 1.6.1
Pedirá paquetes faltantes, si los hay:
npm WARN @ ngtools / webpack @ 1.6.1 requiere un par de enhanced-resolve@^3.1.0 pero no se instaló ninguno.
npm WARN @ ngtools / webpack @ 1.6.1 requiere un par de webpack@^2.2.0 || ^ 3.0.0 pero ninguno fue instalado.
npm WARN [email protected] requiere un par de ajv @> = 5.0.0 pero no se instaló ninguno.
Entonces, tuve que agregarlos también.
npm install enhanced-resolve@^3.1.0
npm install webpack@^3.5.5
npm install [email protected]
Ahora, el problema es que el módulo local no se usa. Solo el global. Y el error es el mismo Incluso si tengo Angular Cli instalado:
ng -v
_ _ ____ _ ___
/ / _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ / | ''_ / / _` | | | | |/ _` | ''__| | | | | | |
/ ___ /| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ /_/_| |_|/__, |/__,_|_|/__,_|_| /____|_____|___|
|___/
Ahora mi aplicación funciona bien:
PS C:/PRO/ANG/material/ag-grid/ag-grid-angular-seed/angular-cli> npm start
> [email protected] start C:/PRO/ANG/material/ag-grid/ag-grid-angular-vseed/angular-cli
> ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200 **
Tuve el mismo problema en una nueva instalación angular 4, después de instalar angular-cli cuando corro
ng serve
Tengo el mismo error. Remití el enlace uptodate del repositorio y cambié el compilador, cli y core a 4.0. Funcionó para mí
Tuve este problema con una aplicación anterior de Angular 2 y la resolví haciendo lo siguiente:
- Creé un nuevo proyecto de Angular 2 con "ng serve DempApp"
- Hice una copia de seguridad de mi antiguo archivo package.json.
- Luego comparé mi viejo archivo package.json con el nuevo. Reemplacé los nuevos bloques "dependencias" y "devDependencias" del nuevo paquete.json.
Luego edité el viejo archivo angular-cli.json y reemplacé el bloque "environments" por el siguiente, que copié de la nueva aplicación:
"environmentSource": "environments / environment.ts", "environments": {"dev": "environments / environment.ts", "prod": "environments / environment.prod.ts"}
Use el comando npm install -g @ angular / cli para instalar cli.
Verifique que los ''node_modules / @ angular / cli'' de su proyecto local no sean un enlace a ''node_modules ...'' globales. Elimine la carpeta local (el enlace simbólico) y vuelva a llamar a ''npm install''.
En mi caso, fue una llamada ''ng new'' incorrecta con el parámetro ''--link-cli''. Me parece que este parámetro no funcionará como se espera o no tengo idea de cómo usarlo correctamente.
Yo tuve el mismo problema. Lo resolví siguiendo el proceso de "Actualización de CLI angular" en la página npm @ angular / cli , es decir:
1. Desinstalar y limpiar (global)
rm -rf node_modules dist
npm uninstall -g @angular/cli
npm cache clean
2. Reinstalar y jugar (global)
npm install -g @angular/cli@latest
npm install
ng serve
Esto funcionó para mí.
Yo tuve el mismo problema. Reinicié mi pc, porque Windows ... Todavía estaba viendo el mismo mensaje de error cuando me di cuenta de que aún no había ejecutado la instalación de npm en el proyecto, así que lo hice y resolvió el problema.
CLI angular global - versión 1.0.0-rc.4
Dependencias locales:
"@angular/common": "^2.4.0",
"@angular/compiler": "^2.4.0",
"@angular/core": "^2.4.0",
para mí el problema era que había creado un proyecto con el cli pero no se cambió en ese directorio antes de tratar de servirlo