2016-10-18 10 views
2

私のReactアプリケーション内でJQueryプラグイン(SignalR)を使用しようとしています。私が何をしたかwebpack(SignalR)を使用したjQueryとプラグイン

は次のとおりです。

  1. NPM経由でのjQueryをインストールします。
  2. npm経由でsignalrクライアントをインストールします。
  3. jQueryとSignalRパスを指定するためにwebpack.configにエントリを追加します。
  4. リアクタコンポーネントにはimport $ from 'jquery'import 'msSignalrClient'を使用します。

しかし、それは、私はこのエラーを取得するように動作していないよう:<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>:作品jquery.signalR.min.js?dc9f:9Uncaught Error: jQuery was not found. Please ensure jQuery is referenced before the SignalR client JavaScript file.

回避策の一つは、私のindex.html内でこのようにjQueryにロードすることです。もちろん、最適ではありません。上で説明した方法でjQueryをインポートしたいと思います。どんな助けにも感謝!

+0

私はあなたがjqueryのを含めるかは問題ではありませんね。これがどのように行われているかを確認する必要があるのは、https://github.com/SignalR/SignalR/blob/1fba14fa3437e24c204dfaf8a18db3fce8acad3c/src/Microsoft.AspNet.SignalR.Core/Scripts/hubs.js#L16-L18です。シグナルクライアントはjqueryを使用しています。 – Pawel

+1

[expose-loader](https://github.com/webpack/expose-loader)を使用してくださいhttp://stackoverflow.com/a/29083197/525788 – RockResolve

答えて

0

これは動作するはずです:

npm install jquery signalr expose-loader --save 

//inside vendor.ts 
import 'expose-loader?jQuery!jquery'; 
import '../node_modules/signalr/jquery.signalR.js'; 
関連する問題