如何在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';