update tutorial new instalar cli angular angular-cli

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:

  1. Creé un nuevo proyecto de Angular 2 con "ng serve DempApp"
  2. Hice una copia de seguridad de mi antiguo archivo package.json.
  3. Luego comparé mi viejo archivo package.json con el nuevo. Reemplacé los nuevos bloques "dependencias" y "devDependencias" del nuevo paquete.json.
  4. 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