簡體   English   中英

如何在angular2-meteor1.3項目中使用ng2-bootstrap?

[英]How to use ng2-bootstrap in angular2-meteor1.3 project?

對於一個新項目,我已經在終端中運行了

npm初始化

流星添加angular2編譯器

流星刪除blaze-html-templates

流星npm install --save angular2-meteor

流星NPM安裝-保存流星節點存根

流星npm install --save bootstrap4-webpack-package

流星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? 謝謝

最后,我發現這是因為我的NPM問題。 因為代碼可以在其他人的機器上很好地運行。

我卸載了NPM,然后安裝了新的v5.10.1,此問題已解決!

在此處查看詳細信息。

希望這可以幫助遇到類似奇怪問題的人們。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM