2017-06-28 10 views
1

Google Maps APIトランスポートトラッカーのチュートリアルでは、.on()コールバックを除いてすべてが正常に動作しているようです。コールバックのどれも発砲していないようです。Firebase reference.on()が起動しない

コンソールに記録された参照リンクをクリックすると、予想されるFirebaseデータベースパスが表示され、定期的に更新されます。ただし、以下のコールバックは決して解雇されません。

firebase.initializeApp(firebaseConfig); 
    const db = firebase.database(); 

    console.log('Adding callback for current-time changes'); 
    var ref = db.ref('current-time'); 
    console.log('ref = '+ref); 
    ref.on('value', snapshot => { 
    console.log('Current-time snapshot'); 
    displayTimeElement.textContent = snapshot.val().display; 
    console.log(snapshot.val().display); 
    }); 

コンソールには次の情報が記録されます。

Adding callback for current-time changes 
index.js:500 ref = https://transport-tracker-XXXXX.firebaseio.com/current-time 

コンソールメッセージログに記録されていないだけでなく、HTMLページのdisplayTimeElement値を更新したことがないことで確認されたように、コールバックは、解雇されることはありません。私もコールバック内にブレークポイントを設定しようとしましたが、決して到達しません。

私が作ることができる唯一の仮定は、コールバックが何らかの未知の理由のために決して発砲しないということです。

ありがとうございました。

+0

...素敵だったでしょう。 –

答えて

3

以下に示すようにcancelCallbackOrContextのコールバックを追加した後、私のアプリに読み取り権限がないことが記録されました。

db.ref('current-time').on 
    ('value' 
    ,snapshot => { 
     displayTimeElement.textContent = snapshot.val().display; 
     } 
    ,error => {console.log(error);} 
    ); 

は、データベース認証ルールを変更した後に:必要に応じて

{ 
    "rules": { 
    ".read": true, 
    ".write": true 
    } 
} 

すべてが働きました。

交通トラッカーのチュートリアルがこれを言及していた場合、それは私がページを表示するChromeを使っていることを言及しなかった

関連する問題