Mehrere Unmet Peer-Abhängigkeit Fehler, einschließlich @ angular/common @ 2.4.9

Question

Ich habe in den letzten paar Tagen mit Paketabhängigkeiten gekämpft, mein Ziel ist es, angular2-beschäftigt zu verwenden, aber ich habe angefangen darüber zu lesen und ich denke Ich habe ein größeres Gesamtproblem.

Wenn ich "npm list" ausführen, bekomme ich eine Reihe von UNMET PEER DEPENDENCY Nachrichten.

Ich wollte, dass die Reinigung starten und der erste Eintrag war:

"UNMET PEER DEPENDENCY @angular/common@2.4.9" 

Ich versuchte, wieder zu installieren @ Winkel/common aber das macht keinen Unterschied, könnte jemand mir erklären, was die tatsächliche ist Ausgabe hier, damit ich anfangen kann, das alles zu reinigen?

Danke.

{ 
    "name": "angular-quickstart", 
    "version": "1.0.0", 
    "description": "QuickStart package.json from the documentation, supplemented with testing support", 
    "scripts": { 
    "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ", 
    "lint": "tslint ./app/**/*.ts -t verbose", 
    "lite": "lite-server", 
    "pree2e": "webdriver-manager update", 
    "test": "tsc && concurrently \"tsc -w\" \"karma start karma.conf.js\"", 
    "test-once": "tsc && karma start karma.conf.js --single-run", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w" 
    }, 
    "keywords": [], 
    "author": "", 
    "license": "MIT", 
    "dependencies": { 
    "@angular/common": "~2.4.4", 
    "@angular/compiler": "~2.4.4", 
    "@angular/core": "~2.4.4", 
    "@angular/forms": "~2.4.4", 
    "@angular/http": "~2.4.4", 
    "@angular/platform-browser": "~2.4.4", 
    "@angular/platform-browser-dynamic": "~2.4.4", 
    "@angular/router": "~3.4.4", 
    "angular-in-memory-web-api": "~0.2.2", 
    "angular2-busy": "^1.0.2", 
    "angular2-datatable": "^0.5.2", 
    "bootstrap": "^3.3.7", 
    "core-js": "^2.4.1", 
    "lodash": "^4.17.4", 
    "ng2-filter-pipe": "^0.1.6", 
    "ng2-toasty": "^2.3.0", 
    "reflect-metadata": "^0.1.8", 
    "rxjs": "5.0.1", 
    "systemjs": "0.19.40", 
    "zone.js": "^0.7.6" 
    }, 
    "devDependencies": { 
    "@types/jasmine": "2.5.36", 
    "@types/lodash": "ts2.0", 
    "@types/node": "^7.0.4", 
    "canonical-path": "0.0.2", 
    "concurrently": "^3.1.0", 
    "gulp": "^3.9.1", 
    "http-server": "^0.9.0", 
    "jasmine-core": "~2.4.1", 
    "karma": "^1.4.0", 
    "karma-chrome-launcher": "^2.0.0", 
    "karma-cli": "^1.0.1", 
    "karma-jasmine": "^1.0.2", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "lite-server": "^2.2.2", 
    "lodash": "^4.16.4", 
    "protractor": "~4.0.14", 
    "rimraf": "^2.5.4", 
    "tslint": "^3.15.1", 
    "typescript": "~2.0.10" 
    }, 
    "repository": {} 
} 

Answer 1

Erste von allem, was Sie versuchen zu tun?

npm list ist für die Auflistung der installierten Pakete wird es nichts installieren/aktualisieren.

sollten Sie npm install oder npm update tun

ich Ihre package.json und ausgeführt, diese Befehlszeilen kopiert haben:

npm cache clean 
npm install 
npm update 

Und alles funktioniert!

Um zu überprüfen, Abhängigkeiten Versionen npm-check-updates

verwenden, um die Verwendung dieses Befehls zu installieren:

npm install -g npm-check-updates 

Nach der Installation von der Kommandozeile laufen ncu und Sie werden sehen, was ist die neueste Version der Pakete.

Eine weitere Sache in Bezug auf die Versionsnummern in npm Check diesem Artikel Node and npm Version Numbering: Guide and Best Practices

Nach Updates auf die neuesten Versionen Ihrer package.json wie folgt aussehen:

{ 
    "name": "angular-quickstart", 
    "version": "1.0.0", 
    "description": "QuickStart package.json from the documentation, supplemented with testing support", 
    "scripts": { 
    "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ", 
    "lint": "tslint ./app/**/*.ts -t verbose", 
    "lite": "lite-server", 
    "pree2e": "webdriver-manager update", 
    "test": "tsc && concurrently \"tsc -w\" \"karma start karma.conf.js\"", 
    "test-once": "tsc && karma start karma.conf.js --single-run", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w" 
    }, 
    "keywords": [], 
    "author": "", 
    "license": "MIT", 
    "dependencies": { 
    "@angular/common": "~2.4.4", 
    "@angular/compiler": "~2.4.4", 
    "@angular/core": "~2.4.4", 
    "@angular/forms": "~2.4.4", 
    "@angular/http": "~2.4.4", 
    "@angular/platform-browser": "~2.4.4", 
    "@angular/platform-browser-dynamic": "~2.4.4", 
    "@angular/router": "~3.4.4", 
    "angular-in-memory-web-api": "~0.3.1", 
    "angular2-busy": "^1.0.2", 
    "angular2-datatable": "^0.5.2", 
    "bootstrap": "^3.3.7", 
    "core-js": "^2.4.1", 
    "lodash": "^4.17.4", 
    "ng2-filter-pipe": "^0.1.6", 
    "ng2-toasty": "^2.3.0", 
    "reflect-metadata": "^0.1.8", 
    "rxjs": "5.2.0", 
    "systemjs": "0.20.9", 
    "zone.js": "^0.8.0" 
    }, 
    "devDependencies": { 
    "@types/jasmine": "2.5.45", 
    "@types/lodash": "ts2.0", 
    "@types/node": "^7.0.4", 
    "canonical-path": "0.0.2", 
    "concurrently": "^3.1.0", 
    "gulp": "^3.9.1", 
    "http-server": "^0.9.0", 
    "jasmine-core": "~2.5.2", 
    "karma": "^1.4.0", 
    "karma-chrome-launcher": "^2.0.0", 
    "karma-cli": "^1.0.1", 
    "karma-jasmine": "^1.0.2", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "lite-server": "^2.2.2", 
    "lodash": "^4.16.4", 
    "protractor": "~5.1.1", 
    "rimraf": "^2.5.4", 
    "tslint": "^4.5.1", 
    "typescript": "~2.2.1" 
    }, 
    "repository": {} 
}