ОШИБКА в метаданных NgModule не найдена для '{Имя модуля}'

Question

Я использую следующую версию CLI:

ngular CLI: 6.2.7
Node: 10.6.0
OS: darwin x64
Angular: 6.1.10
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.8.7
@angular-devkit/build-angular     0.8.7
@angular-devkit/build-optimizer   0.8.7
@angular-devkit/build-webpack     0.8.7
@angular-devkit/core              0.8.7
@angular-devkit/schematics        0.8.7
@angular/cli                      6.2.7
@ngtools/webpack                  6.2.7
@schematics/angular               0.8.7
@schematics/update                0.8.7
rxjs                              6.2.2
typescript                        2.9.2
webpack                           4.16.4

Я создал дочерний модуль ng с именем char-routing.module.ts, и когда я попытался скомпилировать класс, выдается его ошибка. Когда я запускаю ng serve, выдается следующее сообщение об ошибке:

ERROR in No NgModule metadata found for 'CharRoutingModule'.

Я использую отложенную загрузку NgModule loadChildren: './add-character/add-character.component#CharRoutingModule' Я добавляю свой источник моих двух файлов. Я не в состоянии воспроизвести проблему, почему это происходит, я новичок в ангулярном мире, поэтому у меня нет намного большего представления об этом. Код char-routing.module.ts

import { NgModule } from '@angular/core';
import { AddCharacterComponent } from './add-character.component';
import { RouterModule } from '@angular/router';

@NgModule({
  imports: [RouterModule.forChild([
    {path: '', component: AddCharacterComponent}
  ])],
  declarations: [AddCharacterComponent]
})
    export class CharRoutingModule {

}

Код add-character.component.ts

import { StarWarService } from './../star-war.service';
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-add-character',
  templateUrl: './add-character.component.html',
  styleUrls: ['./add-character.component.css']
})
export class AddCharacterComponent implements OnInit {
  ablavelSide: {display: string, value: string}[] = [
    {display: 'None', value: ''},
    {display: 'Light', value: 'light'},
    {display: 'Dark', value: 'dark'}
  ];
  swService: StarWarService;
  constructor(serive: StarWarService) {
    this.swService = serive;
  }

  ngOnInit() {
  }

  onSubmit (form) {
    console.log(form);
    if (form.invalid) {
      return;
    }
    this.swService.addCharracter(form.value.name, form.value.side);
    form.reset();
  }
}

Это код, который я использую. Пожалуйста, помогите мне.

Answer 1

Вы указали неправильный путь к файлу CharRoutingModule.

loadChildren: './add-character/add-character.component#CharRoutingModule'

должно было быть

loadChildren: './add-character/char-routing.module#CharRoutingModule'

В идеале, однако, должен быть CharModule, на который следует ссылаться в loadChildren, а затем CharRoutingModule, который будет содержать конфигурацию маршрута для CharModule