2016-12-29 14 views
1

私はangular-cli beta24を使ってangular2を学習しています。ブートストラップとjqueryをグローバルに設定したい。私はangular-cli pageの指示に従ったが、うまくいかなかった。私はこの問題を解決する方法を知りたい。angular cli webpack beta.24グローバルブートストラップとjqueryが動作しない

NodeJSバージョン:6.9.2

OS:Windowsの10 64

ブートストラップ・バージョン:3.3.7

jqueryのバージョン:3.1.1

角度-cli.json: enter image description here

ブラウザに表示されるエラー: enter image description here

+1

あなたはアンギュラcli.jsonにスクリプトを追加した後Angular2アプリケーションを再起動しましたか?私は再び 'ng serve'を実行することを意味します。 –

+0

確かに、私はそれを再起動しましたが、それでも動作しませんでした。 – Bill

答えて

-1

JQueryが不足しているようです。 Bootstrapの前にJQueryをロードすると、問題が解決するはずです。

JQuery Website

How JQuery Works Example

抜粋:

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Demo</title> 
</head> 
<body> 
    <a href="http://jquery.com/">jQuery</a> 
    <script src="jquery.js"></script> 
    <script> 

    // Your code goes here. 

    </script> 
</body> 
</html> 
+2

angle-cliでは、index.htmlにjqueryを追加する必要はありません。これをangle-cli.json設定ファイルに追加することができます。 –

関連する問題