Question

对于一个新项目，我在终端

中运行了这些项目

npm init

meteor add angular2-compilers

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

但仍然行不通。

显示错误：

例外：在警报
上找不到指令注释
EXCEPTION：错误：未捕获（在承诺中）：在警报上找不到指令注释

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

如何使用ng2-bootstrap？感谢

Answer 1

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

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

查看here了解详情。

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

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

1 个答案: