2017-07-28 11 views
2

QuickBlox JavaScript SDKをAngular 4ブラウザ・アプリケーションで使用しようとしています。QuickBlox JavaScript SDK(Angular 4)

まず、Angular-CLIを使用して新しいプロジェクトを作成しました。その後、私は私のapp.component.ts

npm install quickblox --save 

を使用してQuickBoxをインストールし、私はこのインポート

import { QB } from 'quickblox'; 

私は私のコードのWebPACKでQBを使用しようと、次のエラーでコンパイルに失敗し、コメントを追加しました:

ERROR in ./~/node-xmpp-client/lib/Client.js 
Module not found: Error: Can't resolve 'child_process' in 'C:\dev\workspace_js\qb\node_modules\node-xmpp-client\lib' 
@ ./~/node-xmpp-client/lib/Client.js 15:11-35 
@ ./~/node-xmpp-client/index.js 
@ ./~/quickblox/src/modules/qbChat.js 
@ ./~/quickblox/src/qbMain.js 
@ ./src/app/app.module.ts 
@ ./src/main.ts 
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts 

app.module.tsにQBを追加しようとしましたが、node-xmpp-clientパッケージをインストールしましたが、何も動作しません。 import文が間違っている可能性がありますか? docsrequireとの使用方法のみを示しています。

QuickBloxをAngular 4で使用するにはどうすればよいですか?クライアントサイド(ブラウザ)アプリケーションにnpmパッケージを使用できますか?

+0

サードパーティのライブラリを変更するには良い考えではないのWebPACKのconfig.Sinceに

module.exports.node = { child_process: 'empty' } 

を追加することによって、この問題を取り除くことができますか? QuickBloxはバックエンド・モジュールのようで、ノードapiが必要なようですが、これはブラウザーでは利用できません。彼らのドキュメントを見ると、ノードモジュールではなくクライアントスクリプトを含める必要があります。 –

+0

@JasonGoemaatはいブラウザ用のクライアントアプリケーションを作成しようとしています。クライアントスクリプトのドキュメントには