0

新しいプロジェクトの場合、ターミナルでそれらを実行しました

npm初期化

流星はangular2コンパイラを追加します

隕石削除 blaze-html-templates

流星 npm install --save angular2-meteor

meteor npm install --save meteor-node-stubs

meteor npm install --save bootstrap4-webpack-package

meteor npm install --save ng2-bootstrap

import 'reflect-metadata';
import 'zone.js/dist/zone';
import 'bootstrap4-webpack-package';
import { Component } from 'angular2/core';
import { bootstrap } from 'angular2/platform/browser';
import { Alert } from 'ng2-bootstrap/ng2-bootstrap';

@Component({
  selector: 'app',
  template: `<alert type="info">ng2-bootstrap hello world!</alert>`,
  directives: [Alert]
})
class App { }
bootstrap(App);

現在bootstrap4-webpack-package、Bootstrap 4 は機能しますが、ng2-bootstrap はまだ機能しません。

私はBootstrap 4を使用しているので、私も追加しようとしました

import { Ng2BootstrapConfig, Ng2BootstrapTheme } from 'ng2-bootstrap/ng2-bootstrap';
Ng2BootstrapConfig.theme = Ng2BootstrapTheme.BS4;

しかし、まだ機能しません。

エラーが表示されます:

例外: アラートにディレクティブ アノテーションが見つかりません

例外: エラー: キャッチされていません (約束されています): アラートにディレクティブ アノテーションが見つかりません

これがこの問題に関連しているかどうかはわかりません。

ng2-bootstrap を使用するにはどうすればよいですか? ありがとう

4

1 に答える 1