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