包括ng2-bootstrap模块会导致angular-cli失败

Question

我使用angular-cli（https://github.com/angular/angular-cli），一切正常。

但是当我尝试加载这个模块（ng2-bootstrap）时，它失败了：

1. 我inlcude <script src="node_modules/ng2-bootstrap/build/angular2-bootstrap.js"></script>
2. 并在刷新后看到angular2-bootstrap.js:1Uncaught ReferenceError: webpackJsonp is not defined

我该如何解决？

Answer 1

看起来你错过了一些步骤，按照这条指令进行适当的整合：

https://github.com/angular/angular-cli/wiki/3rd-party-libs#adding-bootstrap-to-your-project

因为它描述了你必须使用以下方法安装它：

npm install moment ng2-bootstrap --save

将模块添加到主项目目录中 angular-cli-build.js 的vendorNpmFiles数组中，如下所示：

vendorNpmFiles: [
  //...
  'moment/moment.js',
  'ng2-bootstrap/**/*.js',
]

完成此步骤后，您必须重建应用程序：

ng build

然后像这样更新src/system-config.ts：

const Map: any = {
 //...
 'moment': 'vendor/moment/moment.js',
 'ng2-bootstrap': 'vendor/ng2-bootstrap'
}

const packages: any {
 //...
 'moment': { format: 'cjs' },
 'ng2-bootstrap': {
   format: 'cjs'
 }
}

现在你应该可以使用bootstrap组件了。