Javascript 未捕获的Firebase错误:Firebase:无Firebase应用程序';[默认]';已创建-调用Firebase App.initializeApp()(应用/无应用)

Javascript 未捕获的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

使用Tailwind和Firebase制作登录页。使用firebase实时数据库收集联系人和电子邮件订户,但未添加电子邮件订户数据

** 错误。ts:101 未捕获的Firebase错误:Firebase:未创建Firebase应用程序“[默认]”-调用Firebase App.initializeApp()(应用程序/无应用程序)。 在f() 在Object.n[作为数据库]() 在file:///Users/bishalsaha/Desktop/CircleAI/public/Subscribe.js:2:32 **

电子邮件订阅者表单数据收集的javascript

// 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>