角度5路由器不工作

我正在尝试在图标上实现链接。我穿上了这件衣服 content-toolbar.component.html :

    <span>
      <a routerLink="/main" routerLinkActive="active" ng-reflect-router-link="/main">
        <img src="/assets/icons/logo_white.svg" class="logo">
      </a>
    </span>
    <router-outlet></router-outlet>

我正在导入

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

在 content-toolbar.module.ts 并宣布 imports 大堆在 content-toolbar.component.ts 我正在导入以下内容:

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

我做错了什么?

编辑 虽然检查了我得到的元素

<span>
  <a routerlink="/main" routerlinkactive="active">
    <img class="logo" src="/assets/icons/logo_white.svg">
  </a>
</span>

结果表明,此图像尚不可单击。

这是我的 main.routing.ts :

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

    import { MainComponent } from './main.component';
    import { AccountMainComponent } from '../account-main/account-main.component';
    import { AuthGuard } from '../common/_guards/auth.guard';
    import { FinancialAccountsComponent } from '../financial-accounts/financial-accounts.component';
    import { ConfigSysComponent } from '../config-sys/config-sys.component';
    import { ConciliacaoContabilComponent } from '../conciliacao-contabil/conciliacao-contabil.component';
    import { ReportComponent } from '../report/report.component';


    @NgModule({
      imports: [
        RouterModule.forChild([
          { path: 'main',
            component: MainComponent,
            canActivate: [AuthGuard],
            children: [{ path: '', component: AccountMainComponent },
            { path: 'financial-accounts', component: FinancialAccountsComponent },
            { path: 'system-config', component: ConfigSysComponent },
            { path: 'conciliacao', component: ConciliacaoContabilComponent },
            { path: 'report', component: ReportComponent },
          ]}
        ])
      ]
    })
    export class MainRouting { }