Error NgbModule
Tags: angular, jsquery, javascript
Published: 2023-11-22 09:14:36


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6vxmo8xuu4eyugg83n4q.png)I tried import "NgbModule" into @ngModule->import but impossible. Please help
Unexpected value 'NgbModule' imported by the module 'ControlsModule'. Please add an @NgModule annotation.
```
/** Modules */
import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClientModule } from '@angular/common/http';
/** Customize modules */
import { MaterialModule } from './modules/material/material.module';
import { NgSelectModule } from '@ng-select/ng-select';

/** Services */
import { CookieService } from 'ngx-cookie-service';
/** Customize service */

/**Bootstrap */

/** Customize component */
import { AppComponent } from './app.component';

/* Views */
/** Error views */
import { PageNotFoundComponent } from './components/views/errors/page-not-found/page-not-found.component';

/** Dialog */                                                               // Edited
import { DialogComponent } from './components/controls/container/dialog/dialog.component';


/** Fontawesome */
/** Angular 6 work with Fontawesome 0.2.0 */

/** Customize header */
import { HeaderComponent } from './components/layout/header/header.component';         // Need edited

/** Customize controls */                                                   // Need edited
/** Internationalization */
import { registerLocaleData } from '@angular/common';
import localeJs from '@angular/common/locales/ja';
import localeJaExtra from '@angular/common/locales/extra/ja';
registerLocaleData(localeJs, 'ja-JP', localeJaExtra);

/** Routing */
import { AppRoutingModule } from './app-routing.module';

/** Will find your place after all */
import { ModalShainComponent } from './components/controls/container/modal-shain/modal-shain.component';
import { NumericModule } from './modules/numeric/numeric.module';
import { Global } from './global';
import { AuthenticationService } from './services/authentication/authentication.service';
import { LoginVersion2Component } from './components/views/login-version2/login-version2.component';
import { AuthenticationGuard } from './guards/authentication.guard';
import { LoginGuard } from './guards/login.guard';
import { ControlsModule } from 'projects/controls/src/public_api';
import { UtilitiesModule } from 'projects/utilities/src/public_api';
import { ModalsModule } from 'projects/modals/src/public_api';
import { ViewsModule } from 'projects/views/src/public_api';
import { ModulesModule } from 'projects/modules/src/public_api';
import { GlobalService } from './global.service';
import { ScrollingModule } from '@angular/cdk/scrolling';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { NumFormControlBaseComponent } from './components/controls/io/num-form-control-base/num-form-control-base.component';
import { ClientPipe } from './client.pipe';
import { ModalTokuisakiComponent } from './components/controls/container/modal-tokuisaki/modal-tokuisaki.component';
import { ShainKengenRegistComponent } from './components/controls/container/modal-shain-kengen/shain-kengen-regist.component';

@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,

    // ComboBoxComponent,

    PageNotFoundComponent,

    DialogComponent,

    /** Will make you up */
    ModalShainComponent,
    ShainKengenRegistComponent,
    /** Will find your place later */
    LoginVersion2Component,
    NumFormControlBaseComponent,
    ClientPipe,
    ModalTokuisakiComponent,
  ],
  imports: [
    AppRoutingModule,
    MaterialModule,
    FormsModule,
    CommonModule,                                    /** For ModalBackdropComponent */
    BrowserModule,                                              /** For Auth' */
    HttpClientModule,
    BrowserAnimationsModule,
    ReactiveFormsModule,
    NumericModule,
    NgSelectModule,
    MatProgressSpinnerModule,

    ControlsModule,
    UtilitiesModule,
    ModalsModule,
    ViewsModule,
    ModulesModule,
    ScrollingModule
  ],
  providers: [
    CookieService,
    AuthenticationService,
    Global,
    AuthenticationGuard,
    LoginGuard,
    GlobalService,
  ],
  bootstrap: [AppComponent],
  
//   entryComponents: [
//     DialogComponent,
//     ModalShainComponent,
//     ShainKengenRegistComponent,
//   ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})

export class AppModule {
}

```