angular - 如何在 ngx-bootstrap systemjs 中导入模态服务

Question

我正在尝试将 BsModalService 导入到我的组件中。但它抛出 404，如下所示。

我正在我的组件中将 BsModalService 导入为

从'ngx-bootstrap/modal'导入{BsModalService};

GET http://localhost:8000/node_modules/ngx-bootstrap/modal.js 404(未找到) (索引):21错误:(SystemJS)XHR错误(404未找到)加载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

从'ngx-bootstrap'导入{ModalModule};

我在这里缺少什么。

Answer 1

此问题已在 [email protected] 中修复， 尝试一下。 另外，如果您使用 system.js，则必须像这样导入 BsModalService

import { BsModalService } from 'ngx-bootstrap';