ng2-bootstrapをangular2-seedプロジェクトのfresh cloneに追加しようとしていますが、次のエラー(または同様のもの):
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">`
メインルートNgModule
だけでなく、それを使用するすべてのサブNgModule
にNg2BootstrapModule
を含める必要があることがわかりました。
Ng2BootstrapModule
をhome.module.ts
にインポートすることでうまくいきました。
答えてくれた@mgechevに感謝します!