Question

我正在构建一个包含以下组件的电子商务Web应用程序：

角度：@ angular / cli：1.1.0
节点：10.14.2
os：win32 x64
引导程序

我已经安装了ng-bootstrap来为我的Web应用添加指令，但是在导入NgbModule并将其添加到imports数组（根据文档）之后，ng serve命令给出以下错误：

Uncaught TypeError: __webpack_require__.i(...) is not a function
    at ng-bootstrap.js:109
    at Object../node_modules/@ng-bootstrap/ng-bootstrap/fesm5/ng-bootstrap.js (ng-bootstrap.js:111)
    at __webpack_require__ (bootstrap 187ec274ff5ca5e855e4:54)
    at Object../src/app/app.module.ts (app.component.ts:8)
    at __webpack_require__ (bootstrap 187ec274ff5ca5e855e4:54)
    at Object../src/main.ts (environment.ts:16)
    at __webpack_require__ (bootstrap 187ec274ff5ca5e855e4:54)
    at Object.2 (main.ts:11)
    at __webpack_require__ (bootstrap 187ec274ff5ca5e855e4:54)
    at webpackJsonpCallback (bootstrap 187ec274ff5ca5e855e4:25)

这是我的模块声明：

import { NgbModule} from '@ng-bootstrap/ng-bootstrap';
@NgModule({
  declarations: [
    AppComponent,
    BsNavbarComponent,
    HomeComponent,
    ProductsComponent,
    ShoppingCartComponent,
    CheckOutComponent,
    OrderSuccessComponent,
    MyOrdersComponent,
    AdminProductsComponent,
    AdminOrdersComponent,
    LoginComponent
  ],
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(environment.firebase),
    AngularFireDatabaseModule,
    AngularFireAuthModule,
    NgbModule.forRoot(),
    RouterModule.forRoot([
      { path:'', component:HomeComponent},
      { path:'products', component:ProductsComponent},
      { path:'shopping-cart', component:ShoppingCartComponent},
      { path:'check-out', component:CheckOutComponent},
      { path:'order-success', component:OrderSuccessComponent},
      { path:'login', component:LoginComponent},
      { path:'admin/products', component:AdminProductsComponent},
      { path:'admin/orders', component:AdminOrdersComponent},
    ])
  ],
  providers: [],
  bootstrap: [AppComponent]
})

有人知道导致错误的原因吗？

我在ngbModule上遇到问题，错误为“没有'../ng-bootstrap/fems5/ng-bootstrap.js这样的文件”

0 个答案: