如何在ngx-bootstrap systemjs中導入模態服務

Question

我正在將BsModalService導入到我的組件中。但它正在拋出404如下所示。

我在我的組件進口BsModalService作爲

import { BsModalService } from 'ngx-bootstrap/modal';

GET http://localhost:8000/node_modules/ngx-bootstrap/modal.js 404 (Not Found) (index):21 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:8000/node_modules/ngx-bootstrap/modal.js

export class MyComponent implements OnInit { 
    ... 
    constructor(private bsModalService: BsModalService) {} 
} 

的package.json

"ngx-bootstrap": "^1.8.0",

個

systemjs.config.js

map: { 
    ... 
    'ngx-bootstrap': 'node_modules/ngx-bootstrap' 
} 

packages: { 
    .. 
    'ngx-bootstrap': { format: 'cjs', main: 'bundles/ngx-bootstrap.umd.js', defaultExtension: 'js' }, 
} 

app.module.ts

import { ModalModule } from 'ngx-bootstrap';

什麼我在這裏失蹤。

Answer 1

這是修正ngx-bootstrap@1.8.1，試試吧。 另外，如果您使用的是system.js，則必須像這樣導入BsModalService

import { BsModalService } from 'ngx-bootstrap';