2016-08-16 8 views
3

私はAngular 2アプリケーションでsocket.ioを使いたいと思っています。私はAngular 2アプリケーションの中からアクセスしています。ここに私のセットアップに関するいくつかの情報です:angle-cli @ webpackでsocket.io-clientを使用する

角度2:rc.5 角度-CLI:1.0.0-beta.11-webpack.2 ノード:6.2.2 OS:Linuxのx64の

私は」私はnode.modulesディレクトリにsocket.ioをインストールしましたが、node_modulesディレクトリにありますが、Angular 2アプリケーションは解決できないようです。

import * as io from 'socket.io-client';

webpackとconfigファイルを使用してこれを解決する方法についての記事を見ましたが、それらはangular-cli @ webpackで生成されたアプリケーションには存在しません。

どのような提案、ポインターなども大歓迎です!

ありがとうございます! ダグ

答えて

8

必要なのは、次のようになります。

NPM:あなたのcomponent.ts/service.tsで

npm install socket.io-client --save 

輸入

import * as io from 'socket.io-client'; 

あなたにダミーモジュール宣言型番.ts:

declare module 'socket.io-client' { 
    var e: any; 
    export = e; 
} 

入力が可能かどうかわかりませんが、ダミーを宣言するだけでなく、npm i @types/socket.io-client --save-devを試すことができます。

どのwebpack設定もangle-cliで処理する必要があります。

+0

ご回答いただきありがとうございます。私はこれらの手順をプロジェクトに組み込んでおり、動作しているようです。少なくとも、私のサービスにsocket.ioを含めてソケットを作成することができますし、物事は爆発しません! socket.ioを使用する現在のポーリング/ httpサービスの代わりに、すべてが一緒にハングアップしているかどうかを確認します。再度、あなたの助けに感謝!! –

関連する問題