2016-07-05 5 views
0

私はSendbirdを使用して、反応ネイティブを使用してチャットアプリケーションを構築していますが、動作させることができません。私はjavascriptデバッガを使用していて、私の情報をコンソールに解析していたので、アプリケーション自体が動作することは分かっていますが、sendbird.initを動作させることはできません。反応関数を使用するために、sendbirdからメソッドをインポートする必要がありますか?反応するネイティブアプリに関数/ファイルをインポートするにはどうすればよいですか?

Login Error: Sendbird not Defined

そして、彼らが参照行、login.js:ここ

は参照用のスクリーンショットですログイン用HERESに私のコード:41私は

編集をsendbird.init呼び出すところです。 JS(スタイルシートに至るまでアップ)

import React, { Component } from 'react'; 
import { 
    View, 
    Text, 
    StyleSheet, 
    TextInput, 
    TouchableHighlight 
} from 'react-native'; 

var sendbird = require('sendbird'); 

module.exports = React.createClass({ 
    getInitialState: function() { 
     return { 
      username: '' 
     }; 
    }, 
    render: function() { 
     return (
      <View style={styles.container}> 
       <View style={styles.loginContainer}> 
        <TextInput 
        style={styles.input} 
        value={this.state.username} 
        onChangeText={(text) => this.setState({username: text})} 
        placeholder={'Enter User Nickname'} 
        maxLength={12} 
        multiline={false} 
        /> 

        <TouchableHighlight 
        style={styles.button} 
        underlayColor={'#328FE6'} 
        onPress={this.onPress} 
        > 
         <Text style={styles.label}>LOGIN</Text> 
        </TouchableHighlight> 
       </View> 
      </View> 
     ); 
    }, 
    onPress: function() { 
     sendbird.init({ 
      app_id: '879010F5-E064-4D1E-BD15-5956D4A47688', 
      guest_id: this.state.username, 
      user_name: this.state.username, 
      image_url: "", 
      access_token: "", 
      successFunc: (data) => { 
       console.log('success'); 
      }, 
      errorFunc: (status, error) => { 
       this.setState({username: ''}); 
      } 
     }); 
    } 
}); 

とマッピングについて、今まで来るエラー: New error - tried everything listed here

+0

npmでSendbirdをインストールしましたか? 'npm install sendbird' – Cherniv

+0

はい、それはグローバルにインストールされ、node_modulesフォルダにあります –

+0

login.js(特に41行目)のコードを追加してください。 – Orlando

答えて

0

今、SendBird SDK V3は最新のReact Nativeを問題なくサポートしています。

SendBird SDKをV3にアップデートしてください。それで問題ありません。

ここでは、見てみることができるサンプルプロジェクトを紹介します。

https://github.com/smilefam/SendBird-JavaScript

ありがとう!

0

は、ファイルの先頭に

var sendbird = require('sendbird'); 

を追加します。このレポの例での反応ネイティブサンプルを見てくださいhttps://github.com/smilefam/SendBird-JavaScript

+0

私はそれをやってみました、それはモジュールマップに問題があると言いました。キャッシュをクリアし、ウォッチマンデータを削除し、何も働かなかった。今すぐプロジェクトを作り直すつもりです。 –

+0

はまだ動作しません "/ sendbird/SendBird.min.jsからモジュールを解決できません:モジュールマップまたはnode_modulesディレクトリ内のこのモジュールを見つけることができません" しかし、npmリストを試してみると –

関連する問題