Javascript NgxDatetimeRangePickerModule的浏览器模块错误

嗨，我的应用程序在添加NgxDatetimeRangePickerModule之前运行良好，一旦我将其添加到共享模块中，我就发现BrowserModule已加载错误。Borwser模块仅存在于app.module中，而不存在于任何模块中。可能是什么问题

错误：

vendor.js:77185 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: 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.

App.module.ts

import { NgModule, ApplicationModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';


import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgHttpLoaderModule } from 'ng-http-loader';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

// 3rd party module
import { NgxDatetimeRangePickerModule } from 'ngx-datetime-range-picker';


// import { Cardscomponent } from './cards/cards.component';

import { NotificationToastComponent } from './_shared/notification-toast/notification-toast.component';
import { LoginComponent } from './login/login.component';
import { AuthGuard } from './_services/auth.guard';
import { AuthInterceptor } from './_services/auth.interceptor';
import { ErrorInterceptor } from './_services/error.interceptor';
import { SharedModule } from './_shared/shared.module';


@NgModule({
  declarations: [
    AppComponent,
    NotificationToastComponent,
    LoginComponent,
  ],
  imports: [
    SharedModule,
    BrowserModule,
    BrowserAnimationsModule,
    ApplicationModule,
    FormsModule,
    ReactiveFormsModule,
    AppRoutingModule,
    HttpClientModule,
    NgHttpLoaderModule.forRoot(),
    NgbModule,

  ],
  providers: [
    AuthGuard,
    { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true },
    { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true }
  ],
  entryComponents: [
    NotificationToastComponent
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

我的共享模块：

import { NgModule } from '@angular/core';
import { FilterDataPipe } from '../_pipes/filter-data.pipe';
import { AngularMaterialModule } from '../angular-material.module';
import { CommonModule } from '@angular/common';
import { AngularKendoModule } from '../angular-kendo.module';
import { NgxDatetimeRangePickerModule } from 'ngx-datetime-range-picker';
import { MustMatchDirective } from '../_helpers/must-match.directive';

@NgModule({
  imports:[
    CommonModule,
    AngularMaterialModule,
    AngularKendoModule,
  ],
  declarations: [
    FilterDataPipe,
    MustMatchDirective
  ],
  exports: [
    CommonModule,
    FilterDataPipe,
    AngularMaterialModule,
    MustMatchDirective,AngularKendoModule,
    NgxDatetimeRangePickerModule
  ]
})
export class SharedModule {}

我的孩子模块：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Cardscomponent } from './cards.component';
import { SharedModule } from '../_shared/shared.module';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { CardsRoutingModule } from './cards-routing.module';
import { CardDetailsComponent } from './card-details/card-details.component';
import { NgMultiSelectDropDownModule } from 'ng-multiselect-dropdown';
@NgModule({
  imports: [
   CommonModule,
    SharedModule,
    FormsModule,
    ReactiveFormsModule,
    CardsRoutingModule,
    NgbModule,
     NgMultiSelectDropDownModule.forRoot(),

  ],
  declarations: [Cardscomponent,CardDetailsComponent]
})
export class CardsModule { }

---

从app.module中删除NgxDatetimeRangePickerModule将其移动到共享模块。 在导入节内的shared.module导入NgxDatetimeRangePickerModule.forRoot（）中

谢谢

---

Rahul Tokase

Hi Rahul，我已经完成了npm安装ngx日期时间范围选择器——现在问题已经解决了。获取新问题：Uncaught（承诺中）：错误：ERR\u NGX\u DATETIME\u RANGE\u PICKER:NgxDatetimeRangePickerModule已加载。仅在AppModule中导入它错误：ERR\u NGX\u DATETIME\u RANGE\u PICKER: