错误类型错误：resolve不是SafeSubscriber上的函数_下一步（vendor.js:139806）-角度7：侧导航中的布线不工作

Question

错误：错误类型错误：t.resolve不是安全订阅服务器上的函数。_next（router.js:4123）在安全ubscriber.push.。/node_modules/rxjs/_esm5/内部/Subscriber.js.安全订阅服务器。__tryOrUnsub（Subscriber.js:196）在安全<--plhd-5/>。/node_modules/rxjs/_esm5/内部/Subscriber.js.安全ubscriber.next（Subscriber.js:134）在Subscriber.push.。/node_modules/rxjs/_esm5/内部/Subscriber.js.订户。_next（Subscriber.js:77）在Subscriber.push./node_modules/rxjs/_esm5/内部/Subscriber.js.Subscriber.next（Subscriber.js:54）在SwitchMapSubscriber.push./node_modules/rxjs/_esm5/内部/运营商/SwitchMap.js.SwitchMapSubscriber.notify下一篇node_modules/rxjs/_esm5/内部/内部订阅. js。_next（InnerSubcriber. js： 15）在InnerSubcriber. ush.../node_modules/rxjs/_esm5/内部/订阅. js。下一步（订阅. js： 54）在Catch订阅.推.../node_modules/rxjs/_esm5/内部/订阅. js。订阅者。_next（订阅者。js： 77）在Catch订阅者。推送.../node_modules/rxjs/_esm5/内部/订阅者。下一步（订阅. js： 54）

-----足球。HTML-----

<div class="container">
<mat-toolbar color="primary" class="nav-toolbar">
    <button style="margin-bottom:17px" mat-icon-button (click)="sidenav.toggle()"><mat-icon>menu</mat-icon></button>
    <h1 class="nav-app-name">Fantasy Football</h1>
</mat-toolbar>
<mat-sidenav-container>
    <mat-sidenav role="navigation" #sidenav>
        <mat-nav-list>
            <a mat-list-item routerLinkActive="active" routerLink='/create-league'>Create League</a>
        </mat-nav-list>
        <app-sidenav-list (sidenavClose)="sidenav.close()"></app-sidenav-list>
    </mat-sidenav>
    <mat-sidenav-content>
        <app-header (sidenavToggle)="sidenav.toggle()"></app-header>
        <router-outlet></router-outlet>
    </mat-sidenav-content>
</mat-sidenav-container>

-----足球。TS是空的-----

-----app-routing.module.ts-----

const appRoutes: Routes  = [{ path: '', redirectTo: '/home', pathMatch: 'full' }, 
{ path: 'create-league', component: CreateLeagueComponent}
];

@NgModule({
exports: [ RouterModule ],
declarations: [],
imports: [ RouterModule.forRoot(appRoutes), CommonModule],
})
export class AppRoutingModule { }

------应用程序。单元ts-----

const modules = [ HttpClientModule, HttpModule, ReactiveFormsModule, MatToolbarModule, MatSidenavModule, MatNativeDateModule,
MatListModule, FormsModule, BrowserAnimationsModule, AppRoutingModule];

@NgModule({
declarations: [
AppComponent,
FootballComponent
],
imports: [
modules,
BrowserModule.withServerTransition({ appId: 'ng-cli-universal' })
],
exports: [
modules,
BrowserModule
],
bootstrap: [ AppComponent ],
schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
})
export class AppModule { }
platformBrowserDynamic().bootstrapModule(AppModule);

Answer 1

原来我必须升级到角7...

Answer 2

routerLink和routerLinkActive是角属性。因此，为了代码清晰，您可以将问题行重写为。

[routerLink]从模式调用时可能会导致此问题。看看你的代码，我不确定是否是这样，不管怎样，下面的代码应该在任何情况下都能工作。

ts代码...

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

constructor(private router: Router) {}

goTo(url: string) {
    this.router.navigateByUrl(url);
    return false;
}