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

Question

我目前正在使用这个:@angular/[email protected] &我想将其升级为@angular/[email protected] 。 这是我的 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/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-b​​rowser": "2.0.0-rc. 4", "@Angular/platform-b​​rowser-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"

我已经测试过了，现在效果很好:)