angular cli - proyecto - No se pudieron determinar las versiones de @ angular/compiler-cli y mecanografiado

instalar angular 5

Question

He instalado Angular / cli y luego trato de ejecutar el comando ng serve, luego el error es lanzar. He intentado muchas cosas como desinstalar angular / cli, npm cache clean, etc.

No se pudieron determinar las versiones de @ angular / compiler-cli y mecanografiado. La razón más común para esto es una instalación npm dañada.

Asegúrese de que su package.json contenga @ angular / compiler-cli y typescript en devDependencies, luego elimine node_modules y package-lock.json (si tiene uno) y ejecute npm install de nuevo.

Answer 1

1. Abra el símbolo del sistema en la carpeta de su proyecto.

2. Ejecute el comando.

 npm install --only=dev

Answer 2

¿Podría verificar que su "@ angular / compilador" en sus dependencias es compatible con la versión angular / cli?

Por ejemplo :

  "devDependencies": {
    "@angular/cli": "1.4.8",
    "@angular/compiler-cli": "4.4.6",

es compatible con:

"@angular/compiler": "4.4.6",

Answer 3

En el caso de la implementación, es una buena idea agregar un script de preinstall para solucionar estos vacíos en las dependencias:

"preinstall": "npm install @angular/cli @angular/compiler-cli typescript"

Answer 4

En realidad el problema real es con npm.

Si se descarga como --legacy-bundling=true (que es de forma predeterminada) , tendrá este problema. Si ve la carpeta node_modules, todos los módulos dependientes estarán anidados.

Cuando ejecute el comando npm install debe establecer --legacy-bundling=false

npm install --legacy-bundling=false

Ahora, si ve la carpeta node_modules, no se anidará ningún módulo. Y todo funcionará.

Puede configurar el comportamiento predeterminado de npm usando el siguiente comando, entonces no tendrá que configurar cada vez.

npm set --legacy-bundling=false

Answer 5

Esto puede ser un problema en la ejecución no implícita de devDependencies.

Intenta ejecutarlos implícitamente con el siguiente comando.

npm install --dev

Answer 6

Por favor ejecute el comando

npm --production=false install

en tu terminal También tenga en cuenta que debe estar en la carpeta de su proyecto mientras ejecuta esto.

Answer 7

Primero, para prevenir, actualizar angular.

npm install -g @angular/cli

En segundo lugar, también la ejecución "npm install", debe instalar las dependencias de desarrollo

npm install --dev

verificar que las dependencias son sin error

ng --version

Answer 8

Salida genérica para escapar de este problema.

1. Crear un nuevo proyecto

   ng nueva semilla angular

2. Copie todas las dependencias y dev-dependencias predeterminadas de package.json a su proyecto actual en uso (angular, mecanografiado, etc.)

3. Luego elimine los node_modules y ejecute los paquetes de instalación npm de su proyecto actual, o cualquier método que use para volver a crear

   rm -fr node_modules npm install

nota: si esto no le proporciona la última versión, entonces es posible que tenga herramientas globales instaladas en datos de itinerancia (en la ventana explorada tipo de navegador %appdata% , y navegue a npm para observar)

Answer 9

Por defecto, npm install instalará todos los módulos listados como dependencias. Con el indicador --production, npm no instalará los módulos enumerados en devDependencies. o podemos ir

Primera vía

para editar la parte de dependencia en package.json agregándola con la versión relevante

    "dependencies": {
    /*existing part */

     "@angular/cli": "1.5.2",
    "@angular/compiler-cli": "^5.0.0",
    "typescript": "^2.4.2"
    }

Segunda vía

Para instalar las dependencias de desarrollo, npm --production = false install funcionará incluso con NODE_ENV = production.

O puedes ejecutar NODE_ENV = desarrollo npm install

Para más detalles haz click para saber más.