"tab" is not a known element error when adding ng2-bootstrap to angular2 -seed

Question

I am trying to add ng2-bootstrap to a new clone of the angular2 -seed project , but I keep getting the following error (or the like):

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

I followed the instructions here and tried several options, but it just doesn't want to work. I work in other projects that use different versions of angular2 -seed, so maybe something has changed, which is not yet documented in their wiki.

I created a repo demonstrating my problem: https://github.com/danielcrisp/angular2-seed

As I said, this is a new angular2 -seed clone with the following changes:

$ npm install ng2-bootstrap --save

Then update the configuration:

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 !

Answer 2

ng2-bootstrap cdn index.html. , .