Javascript 未捕获的Firebase错误:Firebase:无Firebase应用程序';[默认]';已创建-调用Firebase App.initializeApp()(应用/无应用)
使用Tailwind和Firebase制作登录页。使用firebase实时数据库收集联系人和电子邮件订户,但未添加电子邮件订户数据 ** 错误。ts:101 未捕获的Firebase错误:Firebase:未创建Firebase应用程序“[默认]”-调用Firebase App.initializeApp()(应用程序/无应用程序)。 在f() 在Object.n[作为数据库]() 在file:///Users/bishalsaha/Desktop/CircleAI/public/Subscribe.js:2:32 ** 电子邮件订阅者表单数据收集的javascriptJavascript 未捕获的Firebase错误:Firebase:无Firebase应用程序';[默认]';已创建-调用Firebase App.initializeApp()(应用/无应用),javascript,html,forms,firebase,firebase-realtime-database,Javascript,Html,Forms,Firebase,Firebase Realtime Database,使用Tailwind和Firebase制作登录页。使用firebase实时数据库收集联系人和电子邮件订户,但未添加电子邮件订户数据 ** 错误。ts:101 未捕获的Firebase错误:Firebase:未创建Firebase应用程序“[默认]”-调用Firebase App.initializeApp()(应用程序/无应用程序)。 在f() 在Object.n[作为数据库]() 在file:///Users/bishalsaha/Desktop/CircleAI/public/Subscri
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "xxxx",
authDomain: "xxxx",
databaseURL: "xxxx",
projectId: "xxxx",
storageBucket: "xxxx",
messagingSenderId: "xxxx",
appId: "xxxx",
measurementId: "xxxx"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.analytics();
// Reference messages collection
var contactRef = firebase.database().ref('Contact');
// Listen for a submit
document.getElementById('Contact').addEventListener('submit', submitForm);
// Submit form
function submitForm(e){
e.preventDefault();
// Get values
var firstname = getInputVal('FirstName');
var lastname = getInputVal('LastName');
var company = getInputVal('Company');
var email = getInputVal('Email');
var phone = getInputVal('PhoneNumber');
var message = getInputVal('Message');
// Save Contact
saveMessage(firstname, lastname, company, email, phone, message);
// Clear form
document.getElementById('Contact').reset();
}
// Function to get get form values
function getInputVal(id){
return document.getElementById(id).value;
}
// Save message to firebase
function saveMessage(firstname, lastname, company, email, phone, message){
var newContactRef = contactRef.push();
newContactRef.set({
firstname: firstname,
lastname: lastname,
company:company,
email:email,
phone:phone,
message:message
});
}
// Reference messages collection
var emailupdatesRef = firebase.database().ref('EmailUpdates');
// Listen for a submit
document.getElementById('Subscribe').addEventListener('submit', submitForm);
// Submit form
function submitForm(e){
e.preventDefault();
// Get values
var name = getInputVal('Name');
var email = getInputVal('EmailUpdates');
// Save Email Updates
saveMessage(name, email);
// Clear form
document.getElementById('Subscribe').reset();
}
// Function to get form values
function getInputVal(id){
return document.getElementById(id).value;
}
// Save message to firebase
function saveMessage(name, email){
var newEmailUpdatesRef = emailupdatesRef.push();
newEmailUpdatesRef.set({
name: name,
email:email
});
}
尝试更改Firebase App.initializeApp()并添加数据库,因为您尚未正确初始化实时数据库 应该是这样的:
<script src="/__/firebase/7.18.0/firebase-app.js"></script>
<script src="/__/firebase/7.18.0/firebase-analytics.js"></script>
<script src="/__/firebase/7.18.0/firebase-database.js""></script>
<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>
你能发布导致错误的代码并删除那些不必要的代码吗?我不知道是什么导致了错误获取github链接()你提到的错误是说你没有初始化Firebase请检查github链接。一切正常,只是subscribe.js根本不工作。您在哪里导入了subscribe.js
?(HTML的名称)我在您的GitHub提交上留下了一条评论。我确实添加了它。它在身体标签的底部。这里没有显示!它在正文结尾的Intro.html中。是的,我看到了,把它移到这段代码的上方,然后使用相同的版本和源代码包ie/\uuu/
!顺便说一下,我没有看到你对我的Github提交的评论!
<script src="/__/firebase/7.18.0/firebase-app.js"></script>
<script src="/__/firebase/7.18.0/firebase-analytics.js"></script>
<script src="/__/firebase/7.18.0/firebase-database.js""></script>
<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>