Angular 2アップデートを元に戻す方法

Question

npm updateを実行してang 2アプリケーションをアップデートしましたが残念ながら私のアプリケーションはターミナルにエラーが表示されていなくても実行できません。とにかく私は更新を元に戻すことができますか？

//エラー

The stylesheet http://localhost:4200/app/assets/js/jquery.min.js was not loaded because its MIME type, “application/javascript”, is not “text/css”. localhost:4200 
GET 
http://localhost:4200/node_modules/zone.js/dist/zone.js [HTTP/1.1 404 Not Found 5ms] 
GET 
http://localhost:4200/systemjs.config.js [HTTP/1.1 404 Not Found 8ms] 
ReferenceError: System is not defined[Learn More] localhost:4200:29:5 
TypeError: f is undefined[Learn More] scripts.bundle.js%20line%2034%20%3E%20eval:15:3 
Unhandled Promise rejection: Failed to load ../bootstrap/css/bootstrap.min.css ; Zone: <root> ; Task: Promise.then ; Value: Failed to load ../bootstrap/css/bootstrap.min.css undefined vendor.bundle.js:129451:13 
Object { __zone_symbol__error: Error, fileName: Getter, lineNumber: Getter, columnNumber: Getter, message: Getter, name: Getter, stack: Getter, originalStack: Getter, zoneAwareStack: Getter, toString: createMethodProperty/props[key].value(), 5 more… } vendor.bundle.js:129453:9 

//package.json

{ 
    "name": "project", 
    "version": "0.0.0", 
    "license": "MIT", 
    "angular-cli": {}, 
    "scripts": { 
    "start": "ng serve", 
    "lint": "tslint \"src/**/*.ts\"", 
    "test": "ng test", 
    "pree2e": "webdriver-manager update", 
    "e2e": "protractor" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/common": "~2.4.8", 
    "@angular/compiler": "~2.4.8", 
    "@angular/core": "~2.4.8", 
    "@angular/forms": "~2.4.8", 
    "@angular/http": "~2.4.8", 
    "@angular/platform-browser": "~2.4.8", 
    "@angular/platform-browser-dynamic": "~2.4.8", 
    "@angular/router": "~3.4.8", 
    "@types/lodash": "^4.14.50", 
    "angular-2-data-table": "^0.1.2", 
    "angular2-datatable": "^0.5.2", 
    "core-js": "^2.4.1", 
    "lodash": "^4.17.4", 
    "ng2-date-picker": "^0.2.1", 
    "ng2-file-upload": "^1.2.0", 
    "ng2-modal": "0.0.25", 
    "ng2-pagination": "^2.0.1", 
    "primeng": "^2.0.1", 
    "rxjs": "5.2.0", 
    "tinymce": "^4.5.2", 
    "ts-helpers": "^1.1.1", 
    "zone.js": "^0.7.7" 
    }, 
    "devDependencies": { 
    "@types/jasmine": "^2.2.30", 
    "@types/node": "^7.0.5", 
    "angular-cli": "1.0.0-beta.28.3", 
    "codelyzer": "3.0.0-beta.0", 
    "jasmine-core": "2.5.2", 
    "jasmine-spec-reporter": "3.2.0", 
    "karma": "1.5.0", 
    "karma-chrome-launcher": "^2.0.0", 
    "karma-cli": "^1.0.1", 
    "karma-jasmine": "^1.0.2", 
    "karma-remap-istanbul": "^0.6.0", 
    "protractor": "5.1.1", 
    "ts-node": "2.1.0", 
    "tslint": "4.4.2", 
    "typescript": "~2.2.1" 
    } 
} 

Answer 1

1. があなたの前のpackage.jsonファイルを復元するあなたのnode_modulesディレクトリ

2. を削除します。お使いのバージョン 制御システム

3. 実行からNPMは

あなたはまた、削除してdistのまたは生成されたファイルのフォルダを再作成し、再構築してインストールします。

編集：パッケージを@msanfordの方法で更新することはできますが、互換性のないバージョンにアップグレードすることもあります。私はいつも一緒にうまく動作することが分かっているパッケージのよく管理されたシードバージョンを使用しようとします。特にzonejsの場合。

Answer 2

あなたがインストールしたノードモジュールへのアップデートは責任がある、とあなたがあなたpackage.jsonあなたのpackage.jsonに入ると、（一時的に）バージョン番号の前^と~を削除変更していないと考えている場合。再度npm installを試してください。

これは、指定された正確なパッチバージョンをインストールするようにnpmに指示し、最新のパッチ（~）または最新のマイナー（^）バージョンにアップグレードすることを試みません。 〜か^によって示されるように、許さマイナー最新のパッチ/まで、あなたが指定したパッケージのそれぞれの最新バージョンを取りに行くためにNPMを告げ

あなたがnpm updateを走りました。あなたはこのように非互換性を導入したかもしれません。

package.jsonファイルを変更した場合、Benの提案は適切です。そうした場合は、彼の提案をお試しください。