2017-01-05 15 views
2

ではありません。

マイフォルダ構造は次のとおりです。

- wwwroot 
    - angularlibs 
    - angular 
    - bootstrap 
    - core-js 
    - rxjs 
    - zone.js 
    - ng2-bs3-modal 
    - appScripts (js generated from typescripts) 
- Scripts (typescripts) 
- typings 
- gulpfile 
- package.json 
- project.json 
- ..... 

私はスクリプト(typescriptです)フォルダにNG2-BS3モーダルを移動した場合、それはジャスミンzone.jsエラーが発生します。上記の構造では、 "$ modal.modalは関数ではありません"というエラーが出ます。ng2-bs3-modalのtypescriptはすべて@ angular/coreを見つけられないためです。この順にインデックスHTMLで

スクリプトタグは: https://github.com/dougludlow/ng2-bs3-modal/issues/52 https://github.com/dougludlow/ng2-bs3-modal/issues/34

しかし運:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 

<link rel="stylesheet" ref="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css"> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script> 

私のようないくつかのオプションで解決しようとしました。 angular2を初めて使用しました。クイックヘルプは非常に高く評価されます。

+0

を私にとって、このモーダル

import 'jquery'; import 'bootstrap'; 

を使用している.component.tsは)あなたは、CLIを使用していますか? –

答えて

0

あなたはこれを含める必要があります:あなたの他の依存関係の後

<script src="node_modules/ng2-bs3-modal/bundles/ng2-bs3-modal.js"></script> 

を。私は強くsystemJSか(私のお気に入り)webpack

0

は、例えばモデル・ビューのために(

npm install jquery 
npm install bootstrap 

は、ファイルの両方をインポートし、プロジェクトにjQueryとブートストラップを取り付けような動的モジュールローダーを使用することを検討するためにあなたをアドバイスあなたはこれが完璧に働いた:)

関連する問題