Javascript Firebase未捕获引用错误:未定义Firebase

Javascript Firebase未捕获引用错误:未定义Firebase,javascript,firebase,firebase-realtime-database,firebase-storage,Javascript,Firebase,Firebase Realtime Database,Firebase Storage,我在OnsenUI/monaca应用程序中连接firebase db时遇到问题。我查看了与此问题相关的其他线程,并确保我的呼叫已针对firebase 3.x.x更新。但是,每次我尝试在开发中启动应用程序时,都会出现相同的firebase not defined错误。我对这一切都不熟悉,任何帮助都将不胜感激 index.html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <

我在OnsenUI/monaca应用程序中连接firebase db时遇到问题。我查看了与此问题相关的其他线程,并确保我的呼叫已针对firebase 3.x.x更新。但是,每次我尝试在开发中启动应用程序时,都会出现相同的firebase not defined错误。我对这一切都不熟悉,任何帮助都将不胜感激

index.html

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
  <script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
  <script>
  //creates reference to firebase
  var ref = new Firebase('https://monaca-cli-trial.firebaseio.com/');

  // Initialize Firebase
  var config = {
    apiKey: "whateverapinumber",
    authDomain: "myapp.firebaseapp.com",
    databaseURL: "https://myapp.firebaseio.com",
    storageBucket: "",
  };
  firebase.initializeApp(config);

  var rootRef = firebase.database().ref();

  </script>
  <script src="https://www.gstatic.com/firebasejs/3.3.0/firebase.js"></script>

  <script src="components/loader.js"></script>
  <script src="lib/onsenui/js/onsenui.min.js"></script>
  <script src="lib/javascriptstuff.js"></script>
  <link rel="stylesheet" href="components/loader.css">
  <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
  <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
  <link rel="stylesheet" href="css/style.css">

//创建对firebase的引用
var ref=新的Firebase('https://monaca-cli-trial.firebaseio.com/');
//初始化Firebase
变量配置={
apiKey:“whateverapinumber”,
authDomain:“myapp.firebaseapp.com”,
数据库URL:“https://myapp.firebaseio.com",
storageBucket:“”,
};
firebase.initializeApp(配置);
var rootRef=firebase.database().ref();

我得到的错误指向第19行,这是
firebase.initializeApp(配置)

我在代码中详细介绍了您的错误。此外,我建议在firebase频道观看视频


//  3. 不需要拆下它。已在数据库URL中注册。
//var ref=新的Firebase('https://monaca-cli-trial.firebaseio.com/');
变量配置={
/*5.安装apiKey*/apiKey:“WhateverapinNumber”,
/*6在authDomain:“monaca cli trial.firebaseapp.com”*/authDomain:“monaca cli trial.firebaseapp.com”上替换authDomain:“myapp.firebaseapp.com”,
/*7替换数据库URL:“https://myapp.firebaseio.com“在数据库URL上:”https://monaca-cli-trial.firebaseio.com/“*/databaseURL:”https://monaca-cli-trial.firebaseio.com/", 
storageBucket:“”,
};
firebase.initializeApp(配置);
var rootRef=firebase.database().ref();

用户名
名字
姓
拯救
清楚的
负载
//初始化Firebase
//变量配置={
//apiKey:“AIzaSyAq0r——LaHvc6udVUcZqe6V-j-oyi8zls”,
//authDomain:“firstfirebase-eac5d.firebaseapp.com”,
//数据库URL:“https://firstfirebase-eac5d.firebaseio.com",
//projectId:“firstfirebase-eac5d”,
//storageBucket:“firstfirebase-eac5d.appspot.com”,
//messagingSenderId:“820643601987”
// };
//firebase.initializeApp(配置);
//服务云.firestore{
//匹配/databases/{database}/documents{
//匹配/{document==**}{
//允许读、写:如果为false;
//     }
//   }
// }
//初始化Firebase
变量配置={
apiKey:“Aizasyagyi4y5oqmd1lstslpku3ijtgeivulo”,
authDomain:“userfirebase-dc252.firebaseapp.com”,
数据库URL:“https://userfirebase-dc252.firebaseio.com",
projectId:“userfirebase-dc252”,
storageBucket:“userfirebase-dc252.appspot.com”,
messagingSenderId:“284706019886”
};
firebase.initializeApp(配置);
var rootRef=firebase.database().ref();
$(“#保存”)。单击(函数(){
根参考集({
用户名:$('#用户名').val(),
firstname:$('#firstname').val(),
lastname:$('#lastname').val()
});
});

这很有效。。。唯一不同的是,我需要在文件中添加CDN链接,否则它将无法工作。感谢您花时间修复我的代码!嗨,请避免只使用代码回答。添加一些关于您的解决方案的解释。对于未定义的firebase,它需要firebasejs库,如我添加的上述代码所示。
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <!-- <link rel="stylesheet" href=""> -->
    </head>
    <body>
        <label for="">Username</label><input type="text" name="username" id="username" value="" placeholder="">
        <label for="">First Name</label><input type="text" name="firstname" id="firstname" value="" placeholder="">
        <label for="">last Name</label><input type="text" name="lastname" id="lastname" value="" placeholder="">
        <button id="save">save</button>
        <button id="clear">clear</button>
        <button id="load">load</button>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://www.gstatic.com/firebasejs/3.7.2/firebase.js"></script>
    <script>
      // Initialize Firebase
      // var config = {
      //   apiKey: "AIzaSyAq0r--LaHvc6udVUcZqe6V-j-oYI_8ZLs",
      //   authDomain: "firstfirebase-eac5d.firebaseapp.com",
      //   databaseURL: "https://firstfirebase-eac5d.firebaseio.com",
      //   projectId: "firstfirebase-eac5d",
      //   storageBucket: "firstfirebase-eac5d.appspot.com",
      //   messagingSenderId: "820643601987"
      // };
      // firebase.initializeApp(config);


    // service cloud.firestore {
    //   match /databases/{database}/documents {
    //     match /{document==**} {
    //       allow read, write: if false;
    //     }
    //   }
    // }


      // Initialize Firebase
      var config = {
        apiKey: "AIzaSyAgYi4y5oqmD1_lStsLPku3ijtgeivuL0o",
        authDomain: "userfirebase-dc252.firebaseapp.com",
        databaseURL: "https://userfirebase-dc252.firebaseio.com",
        projectId: "userfirebase-dc252",
        storageBucket: "userfirebase-dc252.appspot.com",
        messagingSenderId: "284706019886"
      };
      firebase.initializeApp(config);

     var rootRef = firebase.database().ref();



    $('#save').click(function(){
        rootRef.set({
            username:  $('#username').val(),
            firstname: $('#firstname').val(),
            lastname:  $('#lastname').val()
        });
    });


    </script>

    </body>

   <iframe src="http://site.startupbug.net:6999/canvas/firebase/" style="width:100%;height:500px;"></iframe>
    </html>