web-dev-qa-db-ja.com

キャッチされないReferenceError：Firebaseは定義されていません

Firebaseでデータベースを設計するチュートリアルを実行しようとしていますが、JavaScriptコンソールで次のエラーが表示されます。

キャッチされないReferenceError：Firebaseは定義されていません

これがチュートリアルへのリンクです。JavaScriptコンソールで実行しようとしていたコードスニペットは次のとおりです。 https://www.firebase.com/blog/2014-11-04-firebase-realtime- querys.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});
javascriptfirebasefirebase-realtime-database
17
Eddev

見出しには、次を含めます。

<head>
    <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
    <link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'>
  </head>

これで問題が解決します。

10
Eddev

新しいバージョンへの移行方法に関するガイドがあります。
次で見つけることができます： https://firebase.google.com/support/guides/firebase-web

そして、これはあなたに関連するスニペットです

enter image description here

18
guy mograbi

ロドリゴがバージョンの問題だと思うように、私はfirebase.util libに問題があります。

前：

    var ref = new Firebase('url');

今：

    firebase.initializeApp(config);

Firebaseオブジェクトは異なる方法で定義されているため、見つかりません。私の場合、バージョン3.0のfirebaseと互換性があるようにライブラリを更新する必要があります。古いライブラリを使用するのは良い考えではないと思います。脱退するのは問題ありませんが、コードをバージョン3に更新する必要があります。

1
Alberto Hernández

「ionadd add firebase」を使用してfirebaseをインストールすると、同じ問題が発生しました。これにより、firebaseバージョン3.2.0が追加されました。次に、答えを探しながらバージョン2.4.2のcdnを試しましたが、エラーが消えたため、ionicでダウンロードしたバージョンがエラーの原因であることがわかったため、2.4をダウンロードしました。 2バージョンで動作するようになりました。

お役に立てれば。

1
Rodrigo
<head>
    <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
    <link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'>
  </head>
1
j22purikas