Angular 正在获取已加载的browsermodule,尽管未在延迟加载的模块中导入它
尽管已采取步骤删除,但仍出现以下错误。有人能告诉我我错过了什么吗 错误:Angular 正在获取已加载的browsermodule,尽管未在延迟加载的模块中导入它,angular,angular5,lazy-loading,Angular,Angular5,Lazy Loading,尽管已采取步骤删除,但仍出现以下错误。有人能告诉我我错过了什么吗 错误: ERROR Error: Uncaught (in promise): Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead. 以下是我的模块: 应用
ERROR Error: Uncaught (in promise): Error: BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonModule instead.
以下是我的模块:
应用程序模块:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from
'@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { enableProdLogger } from '@cst/cst-components/cst-service';
// Enums
import { environment } from '../environments/environment';
// App components
import { AppComponent } from './app.component';
// Header navbar
import { HeaderNavbarComponent } from './header-navbar/header-navbar.component';
// Home components
import { HomeComponent } from './home/home.component';
import { DashboardComponent } from './dashboard/dashboard.component';
// Pipes
import { PipesModule } from './core/pipes';
// App routings
import { AppRoutingModule } from './app-routing.module';
//rwa modules
import { CoreModule } from './core/core.module';
import { SharedModule } from './shared/shared.module';
import { TimeoutModule } from './timeout';
import { CustomerHoldingsModule } from './customer-holding/customer-holding.module';
import { ProductAdminModule } from './product-admin/product-admin.module';
import { StaffModule } from './staff/staff.module';
import { CstModule } from '@cst/cst-components';
import { OAuthModule } from 'angular-oauth2-oidc';
if (environment.production === true) {
enableProdLogger();
}
@NgModule({
declarations: [
AppComponent,
HeaderNavbarComponent,
// Home components
HomeComponent,
DashboardComponent,
],
imports: [
CstModule.forRoot(),
OAuthModule.forRoot(),
BrowserModule,
HttpClientModule,
PipesModule,
TimeoutModule,
//routing module
AppRoutingModule,
//rwa modules
CoreModule,
SharedModule,
CustomerHoldingsModule,
ProductAdminModule,
StaffModule,
CstModule
],
providers: [
],
bootstrap: [AppComponent],
schemas: []
})
export class AppModule {
}
共享模块
import { NgModule } from "@angular/core";
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import { CommonModule } from "@angular/common";
import { UtilityService } from "./utility-service.service";
import { CstModule } from "@cst/cst-components";
import { RouterModule } from "@angular/router";
@NgModule({
declarations: [
],
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
CstModule,
RouterModule
],
providers: [
UtilityService
],
exports: [
FormsModule, ReactiveFormsModule, CstModule, RouterModule
]
})
export class SharedModule {
}
import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from "@angular/core";
import { PageNotFoundComponent } from "../statics/page-not-found.component";
import { HelpMePageComponent } from "../statics/help-me.component";
import { CstShowDirective } from "./directives/cst-show.directive";
import { CstModule } from "@cst/cst-components";
import { OAuthModule } from "angular-oauth2-oidc";
import { Options, Logger, AutoSaveFactory, localStorageProvider } from "@cst/cst-components/cst-service";
import { ZoneService } from "./providers/zone.service";
import { CstWindow } from "./providers/window.service";
import { LOGIN_GUARD_PROVIDER } from "./providers/logged-in-guard";
import { DEFAULT_INTERCEPTOR } from "./providers/custom.http.provider";
import { VCardService } from "./providers/vcard.service";
import { TimeoutService } from "../timeout/timeout.service";
import { AppConfigService, startupServiceFactory } from "./providers/app-config.service";
import { BasicLoginComponent } from "./login-basic/basic-login.component";
import { BasicLoginService } from "./login-basic/login.service";
import { CommonModule } from "@angular/common";
@NgModule({
declarations: [
// Login components
BasicLoginComponent,
// Custom directives
CstShowDirective,
// Static pages components
PageNotFoundComponent,
HelpMePageComponent,
],
imports: [
CommonModule,
CstModule.forRoot(),
OAuthModule.forRoot()
],
providers: [
{ provide: Options, useValue: { store: false } },
Logger,
ZoneService,
CstWindow,
LOGIN_GUARD_PROVIDER,
DEFAULT_INTERCEPTOR,
AutoSaveFactory,
localStorageProvider(),
// Custom services
VCardService,
BasicLoginService,
TimeoutService,
AppConfigService,
{
provide: APP_INITIALIZER,
useFactory: startupServiceFactory,
deps: [AppConfigService],
multi: true
}
],
exports: [
CstModule,
OAuthModule
],
schemas: []
})
export class CoreModule { }
import { NgModule } from "@angular/core";
import { CustomerHoldingEnquiryComponent } from "./customer-holding-enquiry/customer-holding-enquiry.component";
import { SharedModule } from "../shared/shared.module";
import { CustomerHoldingErrorReportComponent } from "./customer-holding-error-report/customer-holding-error-report.component";
import { CustHoldingUnvalidatedCinComponent } from "./customer-holding-error-report/unvalidated-cin/ch-unvalidated-cin.component";
import { CustHoldingCinChangeUpdateComponent } from "./customer-holding-error-report/cin-change-update/ch-cin-change-update.component";
import { CustHoldingCisProductUpdateExceptionComponent } from "./customer-holding-error-report/cis-product-update-exception/ch-cis-prdt-update-excptn.component";
import { CustHoldingReconExceptionComponent } from "./customer-holding-error-report/cust-holding-recon-exception/ch-recon-exception.component";
import { CustHoldingProductGroupingExceptionComponent } from "./customer-holding-error-report/cust-holding-product-grouping-exception/ch-prdt-grouping-excptn.component";
import { CustomerHoldingComponent } from "./customer-holding.component";
import { CustomerHoldingService } from "./customer-holding-services/customer-holding-service.service";
import { CustomerHoldingRoutingModule } from "./customer-holding-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
//Enquiry component
CustomerHoldingEnquiryComponent,
//Error Report Components
CustomerHoldingErrorReportComponent,
CustHoldingUnvalidatedCinComponent,
CustHoldingCinChangeUpdateComponent,
CustHoldingCisProductUpdateExceptionComponent,
CustHoldingReconExceptionComponent,
CustHoldingProductGroupingExceptionComponent,
//Base Component
CustomerHoldingComponent
],
imports:[
CommonModule,
SharedModule,
CustomerHoldingRoutingModule
],
exports:[],
providers:[CustomerHoldingService],
schemas: []
})
export class CustomerHoldingsModule{}
import { NgModule } from "@angular/core";
import { ProductAdminComponent } from "./product-admin.component";
import { ApprovedProductComponent } from "./approved/approved-product.component";
import { PendingActionComponent } from "./pending-action/pending-action.component";
import { ProductAdminService } from "./product-admin-services/product-admin-service.service";
import { SharedModule } from "../shared/shared.module";
import { CanceledProductComponent } from "./canceled/canceled-product.component";
import { PendingApprovalCancellationComponent } from "./pending-approval-cancellation/pending-approval-cancellation.component";
import { ProductAdminRoutingModule } from "./product-admin-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
ProductAdminComponent,
ApprovedProductComponent,
CanceledProductComponent,
PendingActionComponent,
PendingApprovalCancellationComponent
],
imports:[
CommonModule,
SharedModule,
ProductAdminRoutingModule
],
exports:[],
providers:[
ProductAdminService
],
schemas: []
})
export class ProductAdminModule{}
import { NgModule } from "@angular/core";
import { RequestManagementComponent } from "./request-management/request-management.component";
import { StaffAuditTrailComponent } from "./staff-audit-trail/staff-audit-trail.component";
import { StaffModuleComponent } from "./staff.component";
import { SharedModule } from "../shared/shared.module";
import { StaffModuleService } from "./staffModuleServices/staff-module.service";
import { StaffRoutingModule } from "./staff-module-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
RequestManagementComponent,
StaffAuditTrailComponent,
StaffModuleComponent
],
imports:[
CommonModule,
SharedModule,
StaffRoutingModule
],
exports:[],
providers:[
StaffModuleService
],
schemas: []
})
export class StaffModule{}
核心模块
import { NgModule } from "@angular/core";
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import { CommonModule } from "@angular/common";
import { UtilityService } from "./utility-service.service";
import { CstModule } from "@cst/cst-components";
import { RouterModule } from "@angular/router";
@NgModule({
declarations: [
],
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
CstModule,
RouterModule
],
providers: [
UtilityService
],
exports: [
FormsModule, ReactiveFormsModule, CstModule, RouterModule
]
})
export class SharedModule {
}
import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from "@angular/core";
import { PageNotFoundComponent } from "../statics/page-not-found.component";
import { HelpMePageComponent } from "../statics/help-me.component";
import { CstShowDirective } from "./directives/cst-show.directive";
import { CstModule } from "@cst/cst-components";
import { OAuthModule } from "angular-oauth2-oidc";
import { Options, Logger, AutoSaveFactory, localStorageProvider } from "@cst/cst-components/cst-service";
import { ZoneService } from "./providers/zone.service";
import { CstWindow } from "./providers/window.service";
import { LOGIN_GUARD_PROVIDER } from "./providers/logged-in-guard";
import { DEFAULT_INTERCEPTOR } from "./providers/custom.http.provider";
import { VCardService } from "./providers/vcard.service";
import { TimeoutService } from "../timeout/timeout.service";
import { AppConfigService, startupServiceFactory } from "./providers/app-config.service";
import { BasicLoginComponent } from "./login-basic/basic-login.component";
import { BasicLoginService } from "./login-basic/login.service";
import { CommonModule } from "@angular/common";
@NgModule({
declarations: [
// Login components
BasicLoginComponent,
// Custom directives
CstShowDirective,
// Static pages components
PageNotFoundComponent,
HelpMePageComponent,
],
imports: [
CommonModule,
CstModule.forRoot(),
OAuthModule.forRoot()
],
providers: [
{ provide: Options, useValue: { store: false } },
Logger,
ZoneService,
CstWindow,
LOGIN_GUARD_PROVIDER,
DEFAULT_INTERCEPTOR,
AutoSaveFactory,
localStorageProvider(),
// Custom services
VCardService,
BasicLoginService,
TimeoutService,
AppConfigService,
{
provide: APP_INITIALIZER,
useFactory: startupServiceFactory,
deps: [AppConfigService],
multi: true
}
],
exports: [
CstModule,
OAuthModule
],
schemas: []
})
export class CoreModule { }
import { NgModule } from "@angular/core";
import { CustomerHoldingEnquiryComponent } from "./customer-holding-enquiry/customer-holding-enquiry.component";
import { SharedModule } from "../shared/shared.module";
import { CustomerHoldingErrorReportComponent } from "./customer-holding-error-report/customer-holding-error-report.component";
import { CustHoldingUnvalidatedCinComponent } from "./customer-holding-error-report/unvalidated-cin/ch-unvalidated-cin.component";
import { CustHoldingCinChangeUpdateComponent } from "./customer-holding-error-report/cin-change-update/ch-cin-change-update.component";
import { CustHoldingCisProductUpdateExceptionComponent } from "./customer-holding-error-report/cis-product-update-exception/ch-cis-prdt-update-excptn.component";
import { CustHoldingReconExceptionComponent } from "./customer-holding-error-report/cust-holding-recon-exception/ch-recon-exception.component";
import { CustHoldingProductGroupingExceptionComponent } from "./customer-holding-error-report/cust-holding-product-grouping-exception/ch-prdt-grouping-excptn.component";
import { CustomerHoldingComponent } from "./customer-holding.component";
import { CustomerHoldingService } from "./customer-holding-services/customer-holding-service.service";
import { CustomerHoldingRoutingModule } from "./customer-holding-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
//Enquiry component
CustomerHoldingEnquiryComponent,
//Error Report Components
CustomerHoldingErrorReportComponent,
CustHoldingUnvalidatedCinComponent,
CustHoldingCinChangeUpdateComponent,
CustHoldingCisProductUpdateExceptionComponent,
CustHoldingReconExceptionComponent,
CustHoldingProductGroupingExceptionComponent,
//Base Component
CustomerHoldingComponent
],
imports:[
CommonModule,
SharedModule,
CustomerHoldingRoutingModule
],
exports:[],
providers:[CustomerHoldingService],
schemas: []
})
export class CustomerHoldingsModule{}
import { NgModule } from "@angular/core";
import { ProductAdminComponent } from "./product-admin.component";
import { ApprovedProductComponent } from "./approved/approved-product.component";
import { PendingActionComponent } from "./pending-action/pending-action.component";
import { ProductAdminService } from "./product-admin-services/product-admin-service.service";
import { SharedModule } from "../shared/shared.module";
import { CanceledProductComponent } from "./canceled/canceled-product.component";
import { PendingApprovalCancellationComponent } from "./pending-approval-cancellation/pending-approval-cancellation.component";
import { ProductAdminRoutingModule } from "./product-admin-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
ProductAdminComponent,
ApprovedProductComponent,
CanceledProductComponent,
PendingActionComponent,
PendingApprovalCancellationComponent
],
imports:[
CommonModule,
SharedModule,
ProductAdminRoutingModule
],
exports:[],
providers:[
ProductAdminService
],
schemas: []
})
export class ProductAdminModule{}
import { NgModule } from "@angular/core";
import { RequestManagementComponent } from "./request-management/request-management.component";
import { StaffAuditTrailComponent } from "./staff-audit-trail/staff-audit-trail.component";
import { StaffModuleComponent } from "./staff.component";
import { SharedModule } from "../shared/shared.module";
import { StaffModuleService } from "./staffModuleServices/staff-module.service";
import { StaffRoutingModule } from "./staff-module-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
RequestManagementComponent,
StaffAuditTrailComponent,
StaffModuleComponent
],
imports:[
CommonModule,
SharedModule,
StaffRoutingModule
],
exports:[],
providers:[
StaffModuleService
],
schemas: []
})
export class StaffModule{}
客户持有模块
import { NgModule } from "@angular/core";
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import { CommonModule } from "@angular/common";
import { UtilityService } from "./utility-service.service";
import { CstModule } from "@cst/cst-components";
import { RouterModule } from "@angular/router";
@NgModule({
declarations: [
],
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
CstModule,
RouterModule
],
providers: [
UtilityService
],
exports: [
FormsModule, ReactiveFormsModule, CstModule, RouterModule
]
})
export class SharedModule {
}
import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from "@angular/core";
import { PageNotFoundComponent } from "../statics/page-not-found.component";
import { HelpMePageComponent } from "../statics/help-me.component";
import { CstShowDirective } from "./directives/cst-show.directive";
import { CstModule } from "@cst/cst-components";
import { OAuthModule } from "angular-oauth2-oidc";
import { Options, Logger, AutoSaveFactory, localStorageProvider } from "@cst/cst-components/cst-service";
import { ZoneService } from "./providers/zone.service";
import { CstWindow } from "./providers/window.service";
import { LOGIN_GUARD_PROVIDER } from "./providers/logged-in-guard";
import { DEFAULT_INTERCEPTOR } from "./providers/custom.http.provider";
import { VCardService } from "./providers/vcard.service";
import { TimeoutService } from "../timeout/timeout.service";
import { AppConfigService, startupServiceFactory } from "./providers/app-config.service";
import { BasicLoginComponent } from "./login-basic/basic-login.component";
import { BasicLoginService } from "./login-basic/login.service";
import { CommonModule } from "@angular/common";
@NgModule({
declarations: [
// Login components
BasicLoginComponent,
// Custom directives
CstShowDirective,
// Static pages components
PageNotFoundComponent,
HelpMePageComponent,
],
imports: [
CommonModule,
CstModule.forRoot(),
OAuthModule.forRoot()
],
providers: [
{ provide: Options, useValue: { store: false } },
Logger,
ZoneService,
CstWindow,
LOGIN_GUARD_PROVIDER,
DEFAULT_INTERCEPTOR,
AutoSaveFactory,
localStorageProvider(),
// Custom services
VCardService,
BasicLoginService,
TimeoutService,
AppConfigService,
{
provide: APP_INITIALIZER,
useFactory: startupServiceFactory,
deps: [AppConfigService],
multi: true
}
],
exports: [
CstModule,
OAuthModule
],
schemas: []
})
export class CoreModule { }
import { NgModule } from "@angular/core";
import { CustomerHoldingEnquiryComponent } from "./customer-holding-enquiry/customer-holding-enquiry.component";
import { SharedModule } from "../shared/shared.module";
import { CustomerHoldingErrorReportComponent } from "./customer-holding-error-report/customer-holding-error-report.component";
import { CustHoldingUnvalidatedCinComponent } from "./customer-holding-error-report/unvalidated-cin/ch-unvalidated-cin.component";
import { CustHoldingCinChangeUpdateComponent } from "./customer-holding-error-report/cin-change-update/ch-cin-change-update.component";
import { CustHoldingCisProductUpdateExceptionComponent } from "./customer-holding-error-report/cis-product-update-exception/ch-cis-prdt-update-excptn.component";
import { CustHoldingReconExceptionComponent } from "./customer-holding-error-report/cust-holding-recon-exception/ch-recon-exception.component";
import { CustHoldingProductGroupingExceptionComponent } from "./customer-holding-error-report/cust-holding-product-grouping-exception/ch-prdt-grouping-excptn.component";
import { CustomerHoldingComponent } from "./customer-holding.component";
import { CustomerHoldingService } from "./customer-holding-services/customer-holding-service.service";
import { CustomerHoldingRoutingModule } from "./customer-holding-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
//Enquiry component
CustomerHoldingEnquiryComponent,
//Error Report Components
CustomerHoldingErrorReportComponent,
CustHoldingUnvalidatedCinComponent,
CustHoldingCinChangeUpdateComponent,
CustHoldingCisProductUpdateExceptionComponent,
CustHoldingReconExceptionComponent,
CustHoldingProductGroupingExceptionComponent,
//Base Component
CustomerHoldingComponent
],
imports:[
CommonModule,
SharedModule,
CustomerHoldingRoutingModule
],
exports:[],
providers:[CustomerHoldingService],
schemas: []
})
export class CustomerHoldingsModule{}
import { NgModule } from "@angular/core";
import { ProductAdminComponent } from "./product-admin.component";
import { ApprovedProductComponent } from "./approved/approved-product.component";
import { PendingActionComponent } from "./pending-action/pending-action.component";
import { ProductAdminService } from "./product-admin-services/product-admin-service.service";
import { SharedModule } from "../shared/shared.module";
import { CanceledProductComponent } from "./canceled/canceled-product.component";
import { PendingApprovalCancellationComponent } from "./pending-approval-cancellation/pending-approval-cancellation.component";
import { ProductAdminRoutingModule } from "./product-admin-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
ProductAdminComponent,
ApprovedProductComponent,
CanceledProductComponent,
PendingActionComponent,
PendingApprovalCancellationComponent
],
imports:[
CommonModule,
SharedModule,
ProductAdminRoutingModule
],
exports:[],
providers:[
ProductAdminService
],
schemas: []
})
export class ProductAdminModule{}
import { NgModule } from "@angular/core";
import { RequestManagementComponent } from "./request-management/request-management.component";
import { StaffAuditTrailComponent } from "./staff-audit-trail/staff-audit-trail.component";
import { StaffModuleComponent } from "./staff.component";
import { SharedModule } from "../shared/shared.module";
import { StaffModuleService } from "./staffModuleServices/staff-module.service";
import { StaffRoutingModule } from "./staff-module-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
RequestManagementComponent,
StaffAuditTrailComponent,
StaffModuleComponent
],
imports:[
CommonModule,
SharedModule,
StaffRoutingModule
],
exports:[],
providers:[
StaffModuleService
],
schemas: []
})
export class StaffModule{}
产品管理模块
import { NgModule } from "@angular/core";
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import { CommonModule } from "@angular/common";
import { UtilityService } from "./utility-service.service";
import { CstModule } from "@cst/cst-components";
import { RouterModule } from "@angular/router";
@NgModule({
declarations: [
],
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
CstModule,
RouterModule
],
providers: [
UtilityService
],
exports: [
FormsModule, ReactiveFormsModule, CstModule, RouterModule
]
})
export class SharedModule {
}
import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from "@angular/core";
import { PageNotFoundComponent } from "../statics/page-not-found.component";
import { HelpMePageComponent } from "../statics/help-me.component";
import { CstShowDirective } from "./directives/cst-show.directive";
import { CstModule } from "@cst/cst-components";
import { OAuthModule } from "angular-oauth2-oidc";
import { Options, Logger, AutoSaveFactory, localStorageProvider } from "@cst/cst-components/cst-service";
import { ZoneService } from "./providers/zone.service";
import { CstWindow } from "./providers/window.service";
import { LOGIN_GUARD_PROVIDER } from "./providers/logged-in-guard";
import { DEFAULT_INTERCEPTOR } from "./providers/custom.http.provider";
import { VCardService } from "./providers/vcard.service";
import { TimeoutService } from "../timeout/timeout.service";
import { AppConfigService, startupServiceFactory } from "./providers/app-config.service";
import { BasicLoginComponent } from "./login-basic/basic-login.component";
import { BasicLoginService } from "./login-basic/login.service";
import { CommonModule } from "@angular/common";
@NgModule({
declarations: [
// Login components
BasicLoginComponent,
// Custom directives
CstShowDirective,
// Static pages components
PageNotFoundComponent,
HelpMePageComponent,
],
imports: [
CommonModule,
CstModule.forRoot(),
OAuthModule.forRoot()
],
providers: [
{ provide: Options, useValue: { store: false } },
Logger,
ZoneService,
CstWindow,
LOGIN_GUARD_PROVIDER,
DEFAULT_INTERCEPTOR,
AutoSaveFactory,
localStorageProvider(),
// Custom services
VCardService,
BasicLoginService,
TimeoutService,
AppConfigService,
{
provide: APP_INITIALIZER,
useFactory: startupServiceFactory,
deps: [AppConfigService],
multi: true
}
],
exports: [
CstModule,
OAuthModule
],
schemas: []
})
export class CoreModule { }
import { NgModule } from "@angular/core";
import { CustomerHoldingEnquiryComponent } from "./customer-holding-enquiry/customer-holding-enquiry.component";
import { SharedModule } from "../shared/shared.module";
import { CustomerHoldingErrorReportComponent } from "./customer-holding-error-report/customer-holding-error-report.component";
import { CustHoldingUnvalidatedCinComponent } from "./customer-holding-error-report/unvalidated-cin/ch-unvalidated-cin.component";
import { CustHoldingCinChangeUpdateComponent } from "./customer-holding-error-report/cin-change-update/ch-cin-change-update.component";
import { CustHoldingCisProductUpdateExceptionComponent } from "./customer-holding-error-report/cis-product-update-exception/ch-cis-prdt-update-excptn.component";
import { CustHoldingReconExceptionComponent } from "./customer-holding-error-report/cust-holding-recon-exception/ch-recon-exception.component";
import { CustHoldingProductGroupingExceptionComponent } from "./customer-holding-error-report/cust-holding-product-grouping-exception/ch-prdt-grouping-excptn.component";
import { CustomerHoldingComponent } from "./customer-holding.component";
import { CustomerHoldingService } from "./customer-holding-services/customer-holding-service.service";
import { CustomerHoldingRoutingModule } from "./customer-holding-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
//Enquiry component
CustomerHoldingEnquiryComponent,
//Error Report Components
CustomerHoldingErrorReportComponent,
CustHoldingUnvalidatedCinComponent,
CustHoldingCinChangeUpdateComponent,
CustHoldingCisProductUpdateExceptionComponent,
CustHoldingReconExceptionComponent,
CustHoldingProductGroupingExceptionComponent,
//Base Component
CustomerHoldingComponent
],
imports:[
CommonModule,
SharedModule,
CustomerHoldingRoutingModule
],
exports:[],
providers:[CustomerHoldingService],
schemas: []
})
export class CustomerHoldingsModule{}
import { NgModule } from "@angular/core";
import { ProductAdminComponent } from "./product-admin.component";
import { ApprovedProductComponent } from "./approved/approved-product.component";
import { PendingActionComponent } from "./pending-action/pending-action.component";
import { ProductAdminService } from "./product-admin-services/product-admin-service.service";
import { SharedModule } from "../shared/shared.module";
import { CanceledProductComponent } from "./canceled/canceled-product.component";
import { PendingApprovalCancellationComponent } from "./pending-approval-cancellation/pending-approval-cancellation.component";
import { ProductAdminRoutingModule } from "./product-admin-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
ProductAdminComponent,
ApprovedProductComponent,
CanceledProductComponent,
PendingActionComponent,
PendingApprovalCancellationComponent
],
imports:[
CommonModule,
SharedModule,
ProductAdminRoutingModule
],
exports:[],
providers:[
ProductAdminService
],
schemas: []
})
export class ProductAdminModule{}
import { NgModule } from "@angular/core";
import { RequestManagementComponent } from "./request-management/request-management.component";
import { StaffAuditTrailComponent } from "./staff-audit-trail/staff-audit-trail.component";
import { StaffModuleComponent } from "./staff.component";
import { SharedModule } from "../shared/shared.module";
import { StaffModuleService } from "./staffModuleServices/staff-module.service";
import { StaffRoutingModule } from "./staff-module-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
RequestManagementComponent,
StaffAuditTrailComponent,
StaffModuleComponent
],
imports:[
CommonModule,
SharedModule,
StaffRoutingModule
],
exports:[],
providers:[
StaffModuleService
],
schemas: []
})
export class StaffModule{}
员工模块
import { NgModule } from "@angular/core";
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import { CommonModule } from "@angular/common";
import { UtilityService } from "./utility-service.service";
import { CstModule } from "@cst/cst-components";
import { RouterModule } from "@angular/router";
@NgModule({
declarations: [
],
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
CstModule,
RouterModule
],
providers: [
UtilityService
],
exports: [
FormsModule, ReactiveFormsModule, CstModule, RouterModule
]
})
export class SharedModule {
}
import { NgModule, APP_INITIALIZER, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from "@angular/core";
import { PageNotFoundComponent } from "../statics/page-not-found.component";
import { HelpMePageComponent } from "../statics/help-me.component";
import { CstShowDirective } from "./directives/cst-show.directive";
import { CstModule } from "@cst/cst-components";
import { OAuthModule } from "angular-oauth2-oidc";
import { Options, Logger, AutoSaveFactory, localStorageProvider } from "@cst/cst-components/cst-service";
import { ZoneService } from "./providers/zone.service";
import { CstWindow } from "./providers/window.service";
import { LOGIN_GUARD_PROVIDER } from "./providers/logged-in-guard";
import { DEFAULT_INTERCEPTOR } from "./providers/custom.http.provider";
import { VCardService } from "./providers/vcard.service";
import { TimeoutService } from "../timeout/timeout.service";
import { AppConfigService, startupServiceFactory } from "./providers/app-config.service";
import { BasicLoginComponent } from "./login-basic/basic-login.component";
import { BasicLoginService } from "./login-basic/login.service";
import { CommonModule } from "@angular/common";
@NgModule({
declarations: [
// Login components
BasicLoginComponent,
// Custom directives
CstShowDirective,
// Static pages components
PageNotFoundComponent,
HelpMePageComponent,
],
imports: [
CommonModule,
CstModule.forRoot(),
OAuthModule.forRoot()
],
providers: [
{ provide: Options, useValue: { store: false } },
Logger,
ZoneService,
CstWindow,
LOGIN_GUARD_PROVIDER,
DEFAULT_INTERCEPTOR,
AutoSaveFactory,
localStorageProvider(),
// Custom services
VCardService,
BasicLoginService,
TimeoutService,
AppConfigService,
{
provide: APP_INITIALIZER,
useFactory: startupServiceFactory,
deps: [AppConfigService],
multi: true
}
],
exports: [
CstModule,
OAuthModule
],
schemas: []
})
export class CoreModule { }
import { NgModule } from "@angular/core";
import { CustomerHoldingEnquiryComponent } from "./customer-holding-enquiry/customer-holding-enquiry.component";
import { SharedModule } from "../shared/shared.module";
import { CustomerHoldingErrorReportComponent } from "./customer-holding-error-report/customer-holding-error-report.component";
import { CustHoldingUnvalidatedCinComponent } from "./customer-holding-error-report/unvalidated-cin/ch-unvalidated-cin.component";
import { CustHoldingCinChangeUpdateComponent } from "./customer-holding-error-report/cin-change-update/ch-cin-change-update.component";
import { CustHoldingCisProductUpdateExceptionComponent } from "./customer-holding-error-report/cis-product-update-exception/ch-cis-prdt-update-excptn.component";
import { CustHoldingReconExceptionComponent } from "./customer-holding-error-report/cust-holding-recon-exception/ch-recon-exception.component";
import { CustHoldingProductGroupingExceptionComponent } from "./customer-holding-error-report/cust-holding-product-grouping-exception/ch-prdt-grouping-excptn.component";
import { CustomerHoldingComponent } from "./customer-holding.component";
import { CustomerHoldingService } from "./customer-holding-services/customer-holding-service.service";
import { CustomerHoldingRoutingModule } from "./customer-holding-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
//Enquiry component
CustomerHoldingEnquiryComponent,
//Error Report Components
CustomerHoldingErrorReportComponent,
CustHoldingUnvalidatedCinComponent,
CustHoldingCinChangeUpdateComponent,
CustHoldingCisProductUpdateExceptionComponent,
CustHoldingReconExceptionComponent,
CustHoldingProductGroupingExceptionComponent,
//Base Component
CustomerHoldingComponent
],
imports:[
CommonModule,
SharedModule,
CustomerHoldingRoutingModule
],
exports:[],
providers:[CustomerHoldingService],
schemas: []
})
export class CustomerHoldingsModule{}
import { NgModule } from "@angular/core";
import { ProductAdminComponent } from "./product-admin.component";
import { ApprovedProductComponent } from "./approved/approved-product.component";
import { PendingActionComponent } from "./pending-action/pending-action.component";
import { ProductAdminService } from "./product-admin-services/product-admin-service.service";
import { SharedModule } from "../shared/shared.module";
import { CanceledProductComponent } from "./canceled/canceled-product.component";
import { PendingApprovalCancellationComponent } from "./pending-approval-cancellation/pending-approval-cancellation.component";
import { ProductAdminRoutingModule } from "./product-admin-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
ProductAdminComponent,
ApprovedProductComponent,
CanceledProductComponent,
PendingActionComponent,
PendingApprovalCancellationComponent
],
imports:[
CommonModule,
SharedModule,
ProductAdminRoutingModule
],
exports:[],
providers:[
ProductAdminService
],
schemas: []
})
export class ProductAdminModule{}
import { NgModule } from "@angular/core";
import { RequestManagementComponent } from "./request-management/request-management.component";
import { StaffAuditTrailComponent } from "./staff-audit-trail/staff-audit-trail.component";
import { StaffModuleComponent } from "./staff.component";
import { SharedModule } from "../shared/shared.module";
import { StaffModuleService } from "./staffModuleServices/staff-module.service";
import { StaffRoutingModule } from "./staff-module-routing.module";
import { CommonModule } from "@angular/common";
@NgModule({
declarations:[
RequestManagementComponent,
StaffAuditTrailComponent,
StaffModuleComponent
],
imports:[
CommonModule,
SharedModule,
StaffRoutingModule
],
exports:[],
providers:[
StaffModuleService
],
schemas: []
})
export class StaffModule{}
我在所有延迟加载的模块中只导入了CommonModule,但在尝试访问延迟加载的模块时仍然会出现错误
注意:我能够访问基础组件AppComponent和主路由,但不能访问任何延迟加载的路由
请帮忙 看起来像是
BrowserAnimationModule
导致了问题,因为它已经包含BrowserModule
并延迟加载您的模块
因此,请将您的
BrowserAnimationModule
移动到您的app.module.ts
中,或者您可以删除并测试它。看起来BrowserAnimationModule
导致了问题,因为它已经包含BrowserModule
并延迟加载您的模块
因此,将您的
BrowserAnimationModule
移动到您的app.module.ts
,或者您可以删除并测试它。您在共享模块中看到的模块未使用。删除了它,但仍然得到错误。关于我可以尝试什么,还有其他想法吗?将FormsModule
和ReactiveFormsModule
移动到app.module.ts
从所有模块中删除BrowserModule
。甚至从主模块也可以。它将自动加载。错误仍然存在。我能看到的最后一个是RouterModule
您在共享模块中看到的未使用。删除了它,但仍然得到错误。关于我可以尝试什么,还有其他想法吗?将FormsModule
和ReactiveFormsModule
移动到app.module.ts
从所有模块中删除BrowserModule
。甚至从主模块也可以。它将自动加载。错误仍然存在。我能看到的最后一个错误是RouterModule