Question

更新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：

从＆＃39; @ angular / router＆＃39;中导入{RouterConfig，provideRouter};

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)
];

HAVE：

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

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

迁移RC4 - ＆gt; RC5故障排除

2 个答案: