Angular2のWebpackでjQueryが見つかりません

Question

Webpackを使用しています。 Angular2にjQueryをインポートするにはどうすればよいですか？

：

は私が

<script src="node_modules/jquery/dist/jquery.min.js"></script> 

http://localhost:3000/node_modules/jquery/dist/jquery.min.js

見つける私も以下試していないのでしょうindex.htmlをするために、この

"jquery": "^3.1.0", 

追加をpackage.jsonに追加しました

<script src="../node_modules/jquery/dist/jquery.min.js"></script> 
<script src="../../node_modules/jquery/dist/jquery.min.js"></script> 

はい、jQueryはnode_modulesにあります。

Answer 1

あなたはjqueryの使用、または例えば、jQueryのを認識するために、あなたのwebpack.configを編集し、すべてのファイルのいずれかで

import * as $ from "jquery" 
// or import * as jQuery from "jquery" 
// or import * as jquery from "jquery" 
// depending on what identifier you want to use for jQuery function 

する必要があります、

plugins: [ 
... 
    new webpack.ProvidePlugin({ 
     jQuery: 'jquery', 
     $: 'jquery', 
     jquery: 'jquery' 
    }), 
... 
] 

そしてもちろん、あなたが追加<script>タグを削除index.html

Answer 2

でも試すことができます。

npm install expose-loader 

内部vendor.ts：アプリ.TSファイル内の

import 'expose?jQuery!../node_modules/jquery/dist/jquery.js'; 

。まず、jQueryへの参照を取得するために、jQueryという名前のvarを宣言します。