迁移RC4 -> RC5故障排除

Question

更新al模块后的迁移问题

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:

从“@ RouterConfig /路由器”导入{ provideRouter }； 从‘/导入/各方/各方-列表’导入{ PartiesListComponent }；从‘./imports/party/party form.Component’导入{ PartiesFormComponent}；const路由: RouterConfig ={ path：''，组件: PartiesListComponent}，// { path：'party/:partyId'，组件: PartyDetailsComponent }，// { path：‘编辑/:partyId’，组件: PartyEditComponent }，{ path：'new'，component: PartiesFormComponent }；导出const APP_ROUTER_PROVIDERS =provideRouter(路由)；

拥有：

无效路由配置:无法指定数组

Answer 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 

Answer 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 { }