如何升级angular 2中的路由器版本？

Question

我现在使用的是：@angular/router@3.0.0-alpha.7 &我想把它升级到@angular/router@3.0.0-beta.2。这是我的app.routes.ts

import { provideRouter, RouterConfig } from '@angular/router';
import {SubjectsComponent} from './subjects.component';
import {ProfileDetailsComponent} from './profileDetails.component';
import {AgreementComponent} from './agreement.component';

export const routes: RouterConfig = [
 { path: 'subjects', component: SubjectsComponent },
  { path: 'profile', component: ProfileDetailsComponent },
 { path: 'agreement', component: AgreementComponent }
 ];

  export const appRouterProviders = [
  provideRouter(routes)
 ];

我已经更改了路由器的版本，将rc.3更改为rc.4，但仍然收到相同的错误。这是我的package.json：

    "dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/forms": "~0.1.0",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/router": "^3.0.0-beta.2",
    "@angular2-material/button": "^2.0.0-alpha.6",
    "@angular2-material/card": "^2.0.0-alpha.6",
    "@angular2-material/checkbox": "^2.0.0-alpha.6",
    "@angular2-material/core": "^2.0.0-alpha.6",
    "@angular2-material/icon": "^2.0.0-alpha.6",
    "@angular2-material/input": "^2.0.0-alpha.6",
    "@angular2-material/list": "^2.0.0-alpha.6",
    "@angular2-material/progress-bar": "^2.0.0-alpha.6",
    "@angular2-material/progress-circle": "^2.0.0-alpha.6",
    "@angular2-material/radio": "^2.0.0-alpha.6",
    "@angular2-material/sidenav": "^2.0.0-alpha.6",
    "@angular2-material/tabs": "^2.0.0-alpha.6",
    "@angular2-material/toolbar": "^2.0.0-alpha.6",
    "core-js": "^2.4.0",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.26",
    "zone.js": "^0.6.12"
  },

Answer 1

只需转到您的package.json并更改

-> "@angular/router"："3.0.0-alpha-7“到"@angular/router"："3.0.0-beta.2"，

然后转到终端并输入npm install。

这将完成您想要的操作:)

这是你的答案：

只需使用以下代码更新您的package.json文件

"@angular/common"："2.0.0-rc.4"，“@angular/编译器”："2.0.0-rc.4"，"@angular/core"："2.0.0-rc.4"，"@angular/forms"："0.2.0"，"@angular/http"："2.0.0-rc.4"，"@angular/platform-browser"："2.0.0-rc.4"，"@angular/platform-browser-dynamic"："2.0.0-rc.4"，"@angular/router"："3.0.0-beta.1"，"@angular/router-deprecated"："2.0.0-rc.2"，"@angular/upgrade"："2.0.0-rc.4“

我已经测试过了，现在可以很好地工作了:)

Answer 2

确保你的package.json中不再使用@angular/router-deprecated，这样更新你的package.json :)

 "dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
    "@angular/http": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
     "@angular/router": "3.0.0-beta.2",
    "es6-shim": "^0.35.0",
    "jquery": "^2.2.4",
    "jquery-ui": "^1.10.5",
    "leaflet": "^0.7.7",
    "moment": "^2.13.0",
    "ng2-bootstrap": "^1.0.17",
    "ng2-slim-loading-bar": "^1.2.3",
    "ng2-toastr": "^0.3.0",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.26",
    "zone.js": "^0.6.12"
  }

然后在命令提示符/终端中执行npm install