【问题标题】:Angular - cannot find moduleAngular - 找不到模块
【发布时间】:2019-07-01 11:47:07
【问题描述】:

我使用 JHipster(简单的 Java + Angular 应用程序)创建了应用程序。当我将项目编译为产品配置文件时,我得到 Error。 Admin Module 使用 AppRoutingModule 添加,代码如下:

@NgModule({
  imports: [
    RouterModule.forRoot(
      [
        {
          path: 'admin',
          loadChildren: './admin/admin.module#DepozytKlAdminModule'
        },
        ...LAYOUT_ROUTES
      ],
      { enableTracing: false }
    )
  ],
  exports: [RouterModule]
})
export class DepozytKlAppRoutingModule {}

还有 app.module:

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    NgxWebstorageModule.forRoot({ prefix: 'dkl', separator: '-' }),
    NgJhipsterModule.forRoot({
      // set below to true to make alerts look like toast
      alertAsToast: false,
      alertTimeout: 5000,
      i18nEnabled: true,
      defaultI18nLang: 'pl'
    }),
    DepozytKlSharedModule.forRoot(),
    DepozytKlCoreModule,
    DepozytKlHomeModule,
    DepozytKlAccountModule,
    DepozytKlEntityModule,
    DepozytKlAppRoutingModule,
    // jhipster-needle-angular-add-module JHipster will add new module here
  ],
  declarations: [ ... ],
  providers: [ ... ],
  bootstrap: [DklMainComponent]
})
export class DepozytKlAppModule {
  constructor(private dpConfig: NgbDatepickerConfig) {
    this.dpConfig.minDate = { year: moment().year() - 100, month: 1, day: 1 };
  }
}

有趣的事实是 PROD 配置文件有效(实体部分),我在管理模块上有问题。 admin.module.ts:

@NgModule({
  imports: [
    DepozytKlSharedModule,
    /* jhipster-needle-add-admin-module - JHipster will add admin modules here */
    RouterModule.forChild(adminState),
    DepozytKlOrganisationModule
  ],
  declarations: [
    AuditsComponent,
    UserMgmtComponent,
    UserMgmtDetailComponent,
    UserMgmtUpdateComponent,
    UserMgmtDeleteDialogComponent,
    LogsComponent,
    DklConfigurationComponent,
    DklHealthCheckComponent,
    DklHealthModalComponent,
    DklDocsComponent,
    DklMetricsMonitoringComponent,
    UserMgmtUpdateExtendedComponent
  ],
  providers: [{ provide: JhiLanguageService, useClass: JhiLanguageService }],
  entryComponents: [
    UserMgmtDeleteDialogComponent,
    DklHealthModalComponent,
    UserMgmtUpdateExtendedComponent,
    OrganisationTreeSelectionComponent,
    OrganisationTreeComponent
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class DepozytKlAdminModule {
  constructor(private languageService: JhiLanguageService, private languageHelper: JhiLanguageHelper) {
    this.languageHelper.language.subscribe((languageKey: string) => {
      if (languageKey !== undefined) {
        this.languageService.changeLanguage(languageKey);
      }
    });
  }
}

有什么建议吗?

【问题讨论】:

  • 您使用哪个版本的 Angular?并向我们​​展示您的 admin.module.ts(您的管理模块是称为 admin.module.ts 还是 depozyt.admin.module.ts?)
  • 你能把你的 ./admin/admin.module 文件的源代码包括进来吗?
  • Angular 7.2.12。上面添加的 admin.module.ts
  • 只是为了确保 admin.module 的路径是否正确?它与您的路由模块有关 - ./admin/admin.module。那么在路由模块旁边,你有一个文件夹admin,里面有模块?
  • 路径正确。在文件夹 app 我有: - app.module.ts, - app.routing.ts, - 文件夹 admin 里面有 admin.module.ts。我还检查了压缩战争中的路径 - 似乎是正确的

标签: angular jhipster


【解决方案1】:

没有正确连接组织模块和组织组件。解决了

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-12-08
    • 2017-04-29
    • 2017-07-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多