Angular2で$ jQueryを使用する

私はJavaScriptServices ng2スターターキット（https://github.com/aspnet/JavaScriptServices）から作成した非常に小さく簡単なアプリを持っています。

私はsignalrハブに接続し、サービスでこれを実行しようとしています。私はjQueryのlibには見つけることができないので、これは知っている...しかし、私はエラーと言ってを見ていますこれを行うにはjqueryの$の.hubconnectionを使用する

Exception: Call to Node module failed with error: Error: Uncaught (in promise): ReferenceError: $ is not defined

をしようとしています。誰かが私が間違っていることを知っていますか？

私のサービスの開始は、次のようになります...

import { Injectable, EventEmitter } from '@angular/core'; 

declare var $; 

@Injectable() 
export class SignalRService { 

    private proxy; 
    private proxyName: string = 'dateHub'; 
    private connection; 

    public foodchanged: EventEmitter<any>; 
    public connectionEstablished: EventEmitter<Boolean>; 
    public connectionExists: Boolean; 

    constructor() { 
     this.foodchanged = new EventEmitter(); 
     this.connectionEstablished = new EventEmitter<Boolean>(); 
     this.connectionExists = false; 

     this.connection = $.hubConnection('http://localhost:5000/' + 'signalr/'); 
     // this.proxy = this.connection.createHubProxy(this.proxyName); 
     // this.registerOnServerEvents(); 
     // this.startConnection(); 
    }

私の完全なコードは、私がここにいくつかの助けを本当に感謝https://github.com/bencameron00/Ng2JQueryHub

でgithubのです。私は非常に立ち往生しています。

あなたは "jqueryの" を追加する必要があります

出典

2016-11-03 Ben Cameron

ありがとう： "2.2.0" packge.jsonで、その後のコマンドで：NPM私

その後、

インポート 'jqueryの';あなたのページで

今$が

出典

2016-11-03 11:43:31

おかげで動作します

、私はすでに "jqueryの" 参照ました： "^ 2.2.4を"。バージョンによって違いはありますか？ –

また、サービスまたはindex.htmlにインポートを追加しますか？ –

polyfil/main.tsに入れておくといいです。 –

-1

<body> 
    <app-root>Loading...</app-root> 
    <script src="assets/xx/jquery-xxx.min.js"></script> 
</body> 


declare var $: any; 

@Component({})

出典

2016-11-03 11:54:47 Manish

私はちょうどそれを試しましたが、提案のおかげでまだ失敗しています。 –

私のレポコードを見ましたか？ –

私のために同じ作品。 – Manish

Angular2で$ jQueryを使用する

答えて

関連する問題