web-dev-qa-db-ja.com

ng2-bootstrapをangular2-seedに追加するときの「tab」は既知の要素エラーではありません

ng2-bootstrapangular2-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'
};

インポートNg2BootstrapModuleNgModuleに入れます。

次に、テストするタブをいくつか追加しました。

<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">`
6
Daniel Crisp

メインルートNgModuleだけでなく、それを使用するすべてのサブNgModuleNg2BootstrapModuleを含める必要があることがわかりました。

Ng2BootstrapModulehome.module.tsにインポートすることでうまくいきました。

答えてくれた@mgechevに感謝します!

16
Daniel Crisp