0

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

npm 初始化

流星添加 angular2 编译器

流星删除 blaze-html-templates

流星 npm 安装 --save angular2-meteor

meteor npm install --save meteor-node-stubs

meteor npm install --save bootstrap4-webpack-package

流星 npm 安装 --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

0

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

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

在这里查看详细信息。

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

于 2016-04-15T15:34:20.837 回答