按照老师的视频步骤操作，一直到添加路由前均正常。

直到添加路由后，准备运行（视频14分钟左右），无法重现，无法显示router-outlet的内容，仅仅有login component 的内容。

多次重复操作，依然出现问题。

查看console出现以下错误：

ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'login'

Error: Cannot match any routes. URL Segment: 'login' 

检查代码，app.module.ts与老师视频一致，具体如下：

import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {CoreModule} from './core/core.module'
import {AppComponent} from './app.component';
import {MdSidenavModule} from "@angular/material";
import {AppRoutingModule} from "./app-routing.module";
import {SharedModule} from "./shared/shared.module";

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    CoreModule,
    MdSidenavModule,
    AppRoutingModule,
    SharedModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

更新，解决方案：

修改app.module.ts后，运行正常，与老师的页面一致，方法为：导入LoginComponent，LoginRoutingModule，并在declarations和imports增加相应内容。代码片段如下：

import {LoginComponent} from "./login/login/login.component";
import {LoginRoutingModule} from "./login/login-routing.module";

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent
  ],
  imports: [
    BrowserModule,
    CoreModule,
    MdSidenavModule,
    AppRoutingModule,
    SharedModule,
    LoginRoutingModule
  ],

我求助的问题是：

是否一定要在app.module.ts中impor及声明？这样会导致app.module.ts非常繁琐，为什么我按照老师的视频，无法取得对应的页面？

补充：版本号如下

Angular CLI: 6.0.5

Node: 8.11.1

Package                      Version

------------------------------------------------------

@angular-devkit/architect    0.6.5

@angular-devkit/core         0.6.5

@angular-devkit/schematics   0.6.5

@schematics/angular          0.6.5

@schematics/update           0.6.5

rxjs                         6.2.0

typescript                   2.7.2