在 angular9 中找不到模块"./模块/托运人/托运人.模块"？

Question

我有一个angular应用程序，我在其中进行懒惰加载。我的文件夹结构像这个

app
modules
shipper
addshipper
shipper
shipper.module.ts
shipper.routing.module.ts
transporter
app.routing.module.ts
app.module.ts

在我的app-routing.module.ts中，我有lazyload和shippermodule，就像这个

{ path: 'addshipper', loadChildren : './modules/shipper/shipper.module#ShipperModule'}

在我的shipper.module.ts中，我有以下

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AddshipperComponent } from './addshipper/addshipper.component';
import { ShipperRoutingModule } from './shipper-routing.module';
export const options: Partial<IConfig> | (() => Partial<IConfig>) = null;
@NgModule({
declarations: [
AddshipperComponent
],
imports: [
BrowserModule,
ShipperRoutingModule
],
providers: []
})
export class ShipperModule { }

在我的shipper.module.ts内部，我有以下childroutes

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AuthGuard } from '@app/authguard.guard';
import { AddshipperComponent } from './addshipper/addshipper.component';
const routes: Routes = [
{
path: '',
children: [
{ path: '', component: AddshipperComponent,canActivate: [AuthGuard] } 
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class ShipperRoutingModule { }

在我的应用程序的side nave中，我有这样的链接

<a  routerLink="/addshipper" class="nav-link">
<i class="fa fa-circle nav-icon"></i>
<p>Add Shipper</p>
</a>

但问题是，当我点击Add Shipper链接时，我在console中得到了这个error

Uncaught (in promise): Error: Cannot find module './modules/shipper/shipper.module'

Answer 1

我认为您需要在您的shipper.module.ts 中导入CommonModule

imports: [CommonModule,
BrowserModule, ShipperRoutingModule ],

并且您需要导出您的公共组件

exports:[AddshipperComponent]