Angular2 CLI erreur “@angulaire/compilateur-cli” paquet n'est pas installé correctement

Il y a un problème avec la version

"@angular/cli": "1.0.0-rc.4"

Essayez d'installer un plus âgé

"@angular/cli": "1.0.0-rc.2"

J'ai tout essayé dans ces réponses et la seule chose qui a fonctionné pour moi a été la suivante:

Étape 1: npm install-g @angulaire/cli@dernières

Étape 2: ng nouveau nom de projet (ignorer si le projet est déjà créé)

Étape 3: cd nom-du-projet (ignorer si le projet est déjà créé)

Étape 4: npm install @angulaire/cli --save-dev

Étape 5: mnp installer @angulaire/compilateur-cli --save-dev

Étape 6: ng servir

Testé ces étapes dans deux environnements différents

À l'intérieur du dossier de projet de type "npm install" et attendez que l'installation se termine, ce correctif fonctionne très bien pour moi.

Ce absolument aspiré à travailler à travers. Dans l'ordre pour moi de le fixer, j'ai dû faire quelques choses...

Pour obtenir autour de la @angular/compiler-cli was not installed correctly erreur, j'ai dû prendre @Ruzenhack de la solution, qui était de supprimer à la fois global et local @angular/cli paquets:

rm -rf node_modules dist
npm uninstall -g @angular/cli
npm cache clean

Mais ses conseils supplémentaires pour installer @angular/cli@latest m'a laissé avec le même problème, ce qui m'a conduit à @SergeyV la suggestion que je reviens à une version plus ancienne de la cli. Personnellement, j'ai eu un autre projet qui était de travail avec @angular/[email protected] j'ai donc décidé de l'utiliser et de l'installer à l'échelle mondiale ainsi que dans mon package.json.

Succès.

MAIS...

M'a offert une autre erreur....
Cannot read property 'Private' of undefined

Zut.

J'ai donc pris cette suggestion à partir de l'angle-cli github questions, qui a été de mettre à jour mon tapuscrit. Donc, jeter mon tapuscrit version de ^2.0.0 dans package.json, j'ai été accueillie avec le familier et la frustration-vert gratuit ng serve de sortie. Enfin.

J'espère que cela aide quelqu'un à sortir.

Je m'a pris 10 heures de investigatons de trouver ceci:

mnp commencer

La longue histoire pour vous permettre de comparer votre démarche d'investigation:

Après plusieurs tentatives infructueuses, j'ai réinstallé le nœud et les mnp et maintenant j'ai:

c:\> ng -v
@angular/cli: 1.3.0
node: 6.9.0
os: win32 ia32

Tous fonctionne bien pour les nouveaux projets

ng new my-new-project

Mais j'ai un serait compromise projet qui montre

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)

Parce que j'ai déjà @angulaire/cli installés globalement, j'ai juste eu à l'ajouter à l'ensemble.json fichier, en utilisant comme exemple le même fichier à partir d'un nouveau projet qui fonctionne très 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"
  }
}

La deuxième erreur est générée à partir d'ici parce que le @angulaire/compilateur-cli module n'est pas installé en tant que module 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);
}

J'ai vérifié le dossier node_modules et j'ai observé que les dossiers .\node_modules\@angulaire\compilateur-cli, .\node_modules\@angulaire\compilateur et de l' .\node_modules\@angulaire\core où manquantes.

J'ai installé requis:

npm install @angular/compiler-cli
npm install @angular/compiler
npm install @angular/core

J'ai ajouté un journal pour le fichier et je voir la version détectée après l'installation: .\node_modules\@ngtools\webpack\src\index.js

console.log(require('@angular/compiler-cli').VERSION);
Version { full: '4.3.5' }

Maintenant, je reçois un nouveau message d'erreur:

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)

Pour enquêter sur ce nouveau problème, j'ai ajouté un journal en ligne .\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);
    }

Et j'ai obtenu la valeur inattendue:

C:\Users\profimedica\.angular-cli.json

Évidemment, ce fichier n'est pas dans mon répertoire home, au lieu de partir de la racine du projet:

.\angular-cli.json 

Après 3 heures d'enquêtes et les tentatives de créer les fichiers manquants j'ai dû repenser l'approche.

J'ai supprimé le local @angulaire du module et de le réinstaller à l'échelle mondiale:

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

J'ai trouvé que mon projet a une coutume de l'architecture et j'ai dû courir
npm commencer

De mise à niveau le fichier d'enregistrement pour la version la plus récente avec

npm install -g typescript@latest

trouver la version de paquet avec

tsc -v


ouvrir l'emballage.json et modifier le fichier d'enregistrement de la version la plus récente de l'un et de commencer à nouveau.

Je pense que vous devez exécuter "npm install @angulaire/compilateur-cli --save".

Vous avez besoin de mettre à jour votre paquet.json.

Doit changer de dépendance au "tapuscrit" de travail.

Dernier travail avec des dépendances pour angulaires-cli:

@angulaire/cli:"1.0.0",

@angulaire/compilateur-cli:"^4.0.0",

tapuscrit:"~2.2.0"

J'ai changé ces paramètres et a travaillé

Eu le même problème sur une nouvelle angulaire 4 de l'installation, après l'installation angulaires-cli quand je lance

ng serve

J'ai eu le même message d'erreur. J'ai évoqué référentiel uptodate lien et changé compilateur,cli et de base à 4.0. Il a travaillé pour moi.

pour moi, le problème est que j'avais créé un projet avec la cli, mais pas changé dans ce répertoire avant d'essayer de le servir

Vérifier que votre projet local du "node_modules/@angulaire/cli" n'est pas un lien pour le mondial " node_modules...'. Supprimer le dossier local (le lien) et d'appeler à "npm install' de nouveau.

Dans mon cas, c'était mal " ng nouveau appel avec '--link-cli' paramètre.
Il me semble que ce paramètre ne fonctionnent pas comme prévu ou je n'ai aucune idée de comment l'utiliser correctement.

Cette erreur dans la question du titre s'est produite en raison de la copie du projet existant et essayez d'exécuter ng servir.
J'ai tout essayé ci-dessus, essayez ng nouvelle YourApp, et essayez ci-dessous package.json - mettre l'accent sur angulaires-version de compilateur, ci-dessous résolu d'erreur sur ma machine.

{
  "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"
  }
}