[英]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.