如何在 angular2-meteor1.3 项目中使用 ng2-bootstrap？答案

【问题标题】：How to use ng2-bootstrap in angular2-meteor1.3 project?如何在 angular2-meteor1.3 项目中使用 ng2-bootstrap？
【发布时间】：2016-04-13 05:30:52
【问题描述】：

对于一个新项目，我已经在终端中运行了这些项目

npm 初始化

meteor 添加 angular2-compilers

流星删除 blaze-html-templates

meteor 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;

但还是不行。

显示错误：

例外：在警报中找不到指令注释

异常：错误：未捕获（承诺中）：在警报中找不到指令注释

我不确定这是否与这个issue有关。

如何使用 ng2-bootstrap？谢谢

【问题讨论】：

@BhushanGadekar 抱歉，我忘记添加了。我刚刚添加了。

标签： meteor angular angular2-meteor ng2-bootstrap

【解决方案1】：

最后我发现是因为我的 NPM 问题。因为代码可以在别人的机器上运行良好。

我卸载了我的 NPM，并安装了新的 v5.10.1，问题解决了！

详情请查看here。

希望这可以帮助遇到类似奇怪问题的人。

【讨论】：