2017-03-28 23 views
6

Angular2'den Angular4'e yükseltildikten sonra bu hataları CLI'da alıyorum. Uygulamam güncellemeden sonra hala çalışıyor olsa da, sadece bu hataların nasıl çözüleceğini veya çözüleceğini merak ediyorum. Herhangi bir fikir?Açısal 4'ten sonra oluşan hatalar Angular 2'den yükseltme

cli logs

yükseltme işleminden önce

Package.json: yükseltmeden sonra

{ 
    "name": "myapp", 
    "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/common": "^2.4.0", 
    "@angular/compiler": "^2.4.0", 
    "@angular/core": "^2.4.0", 
    "@angular/forms": "^2.4.0", 
    "@angular/http": "^2.4.0", 
    "@angular/platform-browser": "^2.4.0", 
    "@angular/platform-browser-dynamic": "^2.4.0", 
    "@angular/router": "^3.4.0", 
    "core-js": "^2.4.1", 
    "foundation-sites": "^6.3.1", 
    "ng2-translate": "^5.0.0", 
    "rxjs": "^5.1.0", 
    "zone.js": "^0.7.6" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.0.0-rc.1", 
    "@angular/compiler-cli": "^2.4.0", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "~6.0.60", 
    "codelyzer": "~2.0.0", 
    "jasmine-core": "~2.5.2", 
    "jasmine-spec-reporter": "~3.2.0", 
    "karma": "~1.4.1", 
    "karma-chrome-launcher": "~2.0.0", 
    "karma-cli": "~1.0.1", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "karma-coverage-istanbul-reporter": "^0.2.0", 
    "protractor": "~5.1.0", 
    "ts-node": "~2.0.0", 
    "tslint": "~4.4.2", 
    "typescript": "~2.0.0" 
    } 
} 

Package.json: Sen @angular kütüphaneleri yükseltilmiş

{ 
    "name": "myapp", 
    "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/compiler-cli": "^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/platform-server": "^4.0.0", 
    "@angular/router": "^4.0.0", 
    "core-js": "^2.4.1", 
    "foundation-sites": "^6.3.1", 
    "ng2-translate": "^5.0.0", 
    "rxjs": "^5.1.0", 
    "typescript": "^2.2.2", 
    "zone.js": "^0.7.6" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.0.0-rc.1", 
    "@angular/compiler-cli": "^2.4.0", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "~6.0.60", 
    "codelyzer": "~2.0.0", 
    "jasmine-core": "~2.5.2", 
    "jasmine-spec-reporter": "~3.2.0", 
    "karma": "~1.4.1", 
    "karma-chrome-launcher": "~2.0.0", 
    "karma-cli": "~1.0.1", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "karma-coverage-istanbul-reporter": "^0.2.0", 
    "protractor": "~5.1.0", 
    "ts-node": "~2.0.0", 
    "tslint": "~4.4.2", 
    "typescript": "~2.0.0" 
    } 
} 

cevap

11

ama etmedim yeniden yükseltme bağımlı bağımlılıklar. npm-check-güncelleştirmelerini kullanmanızı öneririm. Package.json'unuzdaki tüm bağımlılıkları yükseltmenin en kolay yoludur. Bu deneyin:

Adım 1.npm-check-güncelleştirmeleri yüklemek için:

npm-check-updates -u 

: tüm bağımlılıkları yükseltmek için

npm i -g npm-check-updates 

Adım 2. @EDIT: veya en son ürüm npm-check-güncellemeler:

ncu -a 

Adım 3. yüklemek için yükseltme bağımlılıkları:

npm install 
+0

Teşekkürler! Gerçekten iyi çalıştı :) –

4

^4.0.0 için Derleyici CLI yükseltmeyi deneyin:

Sizin derleyici hala 2.4.0 sürümünde:

"@angular/compiler-cli": "^2.4.0", 

NB: package.json'un nasıl görüneceğini öğrenmek isterseniz ng new test-project --skip-install yeni bir proje oluşturabilir ve package.json dosyasını kontrol edebilirsiniz.