将ng2-bootstrap添加到angular2-seed时,'tab'不是已知的元素错误

Question

我正在尝试将ng2-bootstrap添加到angular2-seed项目的新克隆中,但我不断收到以下错误(或类似):

Unhandled Promise rejection: Template parse errors: 'tab' is not a known element

我按照这里的说明尝试了几种变化,但它只是不想工作.我让它在使用不同版本的angular2-seed的其他项目中工作,所以也许有些东西已经改变,但尚未在他们的wiki中记录.

我创建了一个证明我的问题的回购:https://github.com/danielcrisp/angular2-seed

正如我所说,它是angular2-seed的新克隆,具有以下变化:

$ npm install ng2-bootstrap --save

然后更新配置:

this.SYSTEM_CONFIG_DEV.paths['ng2-bootstrap'] =
  `${this.APP_BASE}node_modules/ng2-bootstrap/ng2-bootstrap.js`;

this.SYSTEM_BUILDER_CONFIG.packages['ng2-bootstrap'] = {
    main: 'ng2-bootstrap.js',
    defaultExtension : 'js'
};

导入Ng2BootstrapModule到NgModule.

然后我添加了一些标签进行测试.

<tabset>
  <tab>1</tab>
  <tab>2</tab>
</tabset>

如果我从HTML中删除选项卡,我没有错误.如果我尝试其他ng2-bootstrap组件,我也会遇到错误,例如

<button type="button" class="btn btn-primary" [(ngModel)]="singleModel" btnCheckbox btnCheckboxTrue="1" btnCheckboxFalse="0">`

Answer 1

事实证明,我需要包含Ng2BootstrapModule每个NgModule使用它的子,而不仅仅是主根NgModule.

导入Ng2BootstrapModule到home.module.ts了诀窍.

感谢@mgechev的答案!