导入模块时的最大调用堆栈

Question

我的 Angular 应用程序中有一个帐户模块，

身份验证逻辑在帐户模块中，在另一个称为登录模块的模块中。 我想在登录对话框组件中使用登录组件。

当我将登录模块导入公共模块时，我在终端/角度 cli 中得到最大调用堆栈错误

我在登录模块中导出了登录组件，

import { NgModule } from '@angular/core';
import { AppSharedModule } from '@app/shared/app-shared.module';
import { LoginRoutingModule } from './login-routing.module';
import { LoginComponent } from './login.component';
import { AccountSharedModule } from '@account/shared/account-shared.module';

@NgModule({
    declarations: [LoginComponent],
    imports: [AppSharedModule, AccountSharedModule, LoginRoutingModule],
    exports: [LoginComponent],
})
export class LoginModule {}

这是账户模块，登录模块父模块。

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { HttpClientModule, HttpClientJsonpModule } from '@angular/common/http';
import { CryptadviserCommonModule } from '@shared/common/common.module';
import { FormsModule } from '@angular/forms';
import { ServiceProxyModule } from '@shared/service-proxies/service-proxy.module';
import { UtilsModule } from '@shared/utils/utils.module';
import { NgxCaptchaModule } from 'ngx-captcha';
import { ModalModule } from 'ngx-bootstrap/modal';
import { AccountRoutingModule } from './account-routing.module';
import { AccountComponent } from './account.component';
import { AccountRouteGuard } from './auth/account-route-guard';
import { LanguageSwitchComponent } from './language-switch.component';

import { TenantRegistrationHelperService } from './register/tenant-registration-helper.service';
import { OAuthModule } from 'angular-oauth2-oidc';
import { PaymentHelperService } from './payment/payment-helper.service';
import { LocaleMappingService } from '@shared/locale-mapping.service';
import { PasswordModule } from 'primeng/password';
import { AppBsModalModule } from '@shared/common/appBsModal/app-bs-modal.module';
import { AccountSharedModule } from '@account/shared/account-shared.module';
import { LoginService } from '@shared/utils/services/login.service';

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        HttpClientModule,
        HttpClientJsonpModule,
        NgxCaptchaModule,
        ModalModule.forRoot(),
        CryptadviserCommonModule,
        UtilsModule,
        ServiceProxyModule,
        AccountRoutingModule,
        AccountSharedModule,
    ],
    declarations: [AccountComponent, LanguageSwitchComponent],
    providers: [LoginService, TenantRegistrationHelperService, PaymentHelperService, AccountRouteGuard],
})
export class AccountModule {}

文件夹是这样的。

• 源
  • 帐户（模块）
    • 登录（模块）
      • 登录组件
  • 共享（文件夹）
    • 通用（模块）
      • 组件（文件夹）
        • 日志模式组件

我需要登录模块中登录组件的逻辑可以在整个应用程序中访问，因为我想在登录对话框组件中使用登录组件选择器。

这是我到目前为止所做的快速浏览。

StackBlitz Sample.

我希望我能很好地解释我的问题，如果有错误，请通知我更正

Answer 1

我不能确定，但​​是通过查看您的LoginModule，您可能建立了一个循环依赖项。 它在AppSharedModule, AccountSharedModule, LoginRoutingModule 上有导入。

所以LoginModule 依赖于AppSharedModule。 现在 AppSharedModule 依赖于 LoginModule 时，您创建了一个依赖圈。

如何解决：

1. 将 LoginModule 的逻辑直接移动到 AppSharedModule 中或
2. 将 AppSharedModule 的逻辑移到 LoginModule 中