美文网首页
有关angular7 路由报错

有关angular7 路由报错

作者: 小灵仙_f21a | 来源:发表于2018-12-12 16:57 被阅读0次

    使用ng g module app-routing --flat --module=app命令创建了app-routing , 如下

    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { RouterModule, Routes } from '@angular/router';
    import { LoginComponent } from './login/login.component';
    
    const routes: Routes = [
      { path: '', component: LoginComponent, pathMatch: 'full' }
    ]
    
    @NgModule({
      declarations: [],
      imports: [
        RouterModule.forRoot(routes),
        CommonModule,
      ],
    })
    export class AppRoutingModule { } 
    

    在app.module中也引入了AppRoutingModule,使用<router-outlet></router-outlet>时报错如下


    image.png

    这时解决办法如下:
    在AppRoutingModule的@NgModule中加入exports: [ RouterModule ]即可。

    相关文章

      网友评论

          本文标题:有关angular7 路由报错

          本文链接:https://www.haomeiwen.com/subject/jkjphqtx.html