Angular 组件菜单组件不是任何模块的一部分，或者该模块尚未导入到您的模块中

我的文件夹结构如下所示：

此外，我的

菜单routing.module.ts

如下所示：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes, Router } from '@angular/router';
import { MenuComponent } from '../menu.component';
import { TransactionsComponent } from '../transactions/transactions.component';

const menuRoutes: Routes = [
    {
        path: 'menu',
        component: MenuComponent,
        children: [
            {
                path: 'transactions',
                component: TransactionsComponent
            },

        ]
    }
];

@NgModule({
  imports: [
      CommonModule,
      RouterModule.forChild(menuRoutes)      
    ],
  exports: [
      RouterModule
  ],
  declarations: []
})


export class MenuRoutingModule { }

//app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { LoginComponent } from './view/login/login.component';
import { MenuComponent } from './view/menu/menu.component'
import { RouterModule, Routes, Router, PreloadAllModules } from '@angular/router';
import { HttpClientModule } from '@angular/common/http';
import { TransactionsComponent } from './view/menu/transactions/transactions.component';
//import { MenuRoutingModule } from './view/menu/menu-routing/menu-routing.module';

const appRoutes: Routes = [
    { path: '', component: LoginComponent },
    {
        path: 'menu',
        loadChildren: './view/menu/menu-routing/menu-routing.module#MenuRoutingModule'
    },

];

@NgModule({
  declarations: [
        AppComponent,
        LoginComponent ,
        MenuComponent,
        TransactionsComponent
    ],
  imports: [
      BrowserModule,
      RouterModule.forRoot(
          appRoutes,
          {
              preloadingStrategy: PreloadAllModules
          }
      ),      
      HttpClientModule
  ],
  exports: [
      RouterModule      
  ],
  providers: [],
  bootstrap: [AppComponent]  
})
export class AppModule {

}

事实上，我的菜单页面将包含侧菜单，点击每个菜单右侧页面应通过嵌套路由进行更改

我的

菜单.html

如下所示：

<div class="header">
  <img class="headerAlign" id="logo" src="../../../assets/images/flydubai-logo.png">
  <i class="fa fa-power-off pull-right glTxtBlue headerAlign btnLogout" aria-hidden="true"></i>
  <p class="pull-right glTxtBlue headerAlign" id="username">Hi Manoj</p>

</div>

<div class="mainPage">
  <nav id="sidebar">
    <ul>
      <li class="active">
        <a href="#">
          <i class="glyphicon glyphicon-home"></i>
          Dashboard
        </a>
      </li>
      <li class="active">
        <a href="#adminSubMenu" data-toggle="collapse" aria-expanded="false">
          <i class="glyphicon glyphicon-user"></i>
          Admin
        </a>
        <ul class="collapse" id="adminSubMenu">
          <li><a href="#">Users</a></li>
          <li><a href="#">Key Management</a></li>
          <li><a href="#">Activate/Deactivate Card</a></li>
        </ul>
      </li>
      <li>
        <a href="#configSubMenu" data-toggle="collapse" aria-expanded="false">
          <i class="glyphicon glyphicon-cog"></i>
          Configuration
        </a>
        <ul class="collapse" id="configSubMenu">
          <li><a href="#">System</a></li>
          <li><a href="#">Gateway</a></li>
          <li><a href="#">API Authorizations</a></li>
        </ul>
      </li>
      <li class="active" (click) ="routeTransaction()">
        <a >
          <i class="glyphicon glyphicon-cog"></i>
          Transaction
        </a>
      </li>
      <li class="active">
        <a href="#">
          <i class="glyphicon glyphicon-briefcase"></i>
          Refund Management
        </a>
      </li>
    </ul>
  </nav>

  <div class="pageContent">

    <router-outlet></router-outlet>

  </div>
</div>

你好

请帮我解决这个问题，我已经被困了很长时间了

---

请告知我是否需要澄清以更好地理解我的场景。

尝试从app.module.ts中删除

MenuComponent

，并添加

声明：[MenuComponent]

在menu-routing.module.ts中，并检查结果？？？不，它不起作用。我已将loadchildren路径更改为loadchildren:“app/view/menu/menu routing/menu routing.module#menuruutingmodule”，我收到错误，因为无法解析模块app/view/menu/menu routing/menu-routing.module相对于/D/Fly Dhubai/Workspace/EPSConsole/epsconsole1/epsconsole/src/app/app.module.ts