迁移 RC4 -> RC5 故障排除答案

【问题标题】：migration RC4 -> RC5 troubleshooting迁移 RC4 -> RC5 故障排除
【发布时间】：2017-01-06 17:27:23
【问题描述】：

更新 al npm 模块后出现迁移问题

main.ts:

import { bootstrap } from '@angular/platform-browser-dynamic';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
import { disableDeprecatedForms, provideForms } from '@angular/forms';
platformBrowserDynamic().bootstrapModule(AppModule);

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { RouterModule } from '@angular/router';

import {AppComponent} from './app.component';

import {APP_ROUTER_PROVIDERS} from './app.routes';

import { PartiesFormComponent } from './imports/parties/parties-form.component';

@NgModule({
declarations: [
AppComponent,
// PartiesListComponent,
// PartyDetailsComponent,
PartiesFormComponent
],
bootstrap: [AppComponent],
imports: [
BrowserModule,
/* Router*/
RouterModule.forRoot(APP_ROUTER_PROVIDERS),
],
providers: [
APP_ROUTER_PROVIDERS
]

})
export class AppModule { }

app.components.ts

import { Component } from '@angular/core';

import { PartiesListComponent } from './imports/parties/parties-list.component';

import template from './app.component.html';

@Component({
selector: 'app',
template,
directives: [
PartiesListComponent,
]
})

export class AppComponent {}

app.routes.ts：

从'@angular/router'导入{RouterConfig，providerRouter}；

import { PartiesListComponent } from './imports/parties/parties-list.component';
import { PartiesFormComponent } from './imports/parties/parties-form.component';

const routes: RouterConfig = [
{ path: '', component: PartiesListComponent},
// { path: 'party/:partyId', component: PartyDetailsComponent },
// { path: 'edit/:partyId', component: PartyEditComponent },
{ path: 'new', component: PartiesFormComponent},
];

export const APP_ROUTER_PROVIDERS = [
provideRouter(routes)
];

拥有：

无效的路由配置：无法指定数组

【问题讨论】：

标签： angularjs meteor angular angular-meteor

【解决方案1】：

已解决

解决者 app.routes.ts

的变化

import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router'; 
....some code.....
const appRoutes: Routes = [
....some code.....
export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

但现在有：

browser_adapter.js: 93EXCEPTION: 
Error: Uncaught (in promise): TypeError: Cannot read property 'completer' of undefined

【讨论】：

【解决方案2】：

如下更改您的app.routes.ts：

import { Routes } from '@angular/router';

import { PartiesListComponent } from './imports/parties/parties-list.component';
import { PartiesFormComponent } from './imports/parties/parties-form.component';

export const ROUTES: Routes = [
  { path: '', component: PartiesListComponent},
  { path: 'new', component: PartiesFormComponent},
];

如下更改您的app.module.ts：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { RouterModule } from '@angular/router';

import { AppComponent } from './app.component';

import { ROUTES } from './app.routes';

import { PartiesFormComponent } from './imports/parties/parties-form.component';
import { PartiesListComponent } from './imports/parties/parties-list.component';

@NgModule({
  declarations: [
    AppComponent,
    PartiesFormComponent,
    PartiesListComponent
  ],
  bootstrap: [AppComponent],
  imports: [
    BrowserModule,
    RouterModule.forRoot(ROUTES, {useHash: true}),
  ]    
})
export class AppModule { }

【讨论】：