我正在嘗試將 Firebase 連接到聯系表單，其中要求用戶鍵入并提交 Fullname 、電子郵件和訊息。但是我遇到了 Uncaught ReferenceError: firebase is not defined at my main.js file from my console。我嘗試了不同的解決方案，但無法解決。
這是我的 index.html 中的腳本標簽
<script type="module">
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.1.3/firebase-app.js";
</script>
<script src="main.js"></script>
這是我的 Main.js 代碼
var config = {
apiKey: "xxxxx",
authDomain: "xxxxx",
databaseURL: "xxxxx",
projectId: "xxxxx",
storageBucket: "xxxxx",
messagingSenderId: "xxxxx"
};
firebase.initializeApp(config);
var emailRef = firebase.database().ref('emails');
// Listen for form submit
document.getElementById('contactForm').addEventListener('submit', submitForm);
// Submit form
function submitForm(e){
e.preventDefault();
//Get values
var FullName = getInputval('FullName');
var Email =getInputval('Email');
// save message
saveMessage(FullName,Email);
// Show alert
document.querySelector('.alert').style.display = 'block';
// Hide alert after 3 seconds
setTimeout(function(){
document.querySelector('.alert').style.display = 'none';
},3000);
// Clear form
document.getElementById('contactForm').reset();
}
// Function to get form values
function getInputval(id){
return document.getElementById(id).value;
}
// Save message to firebase
function saveMessage(Fullname, Email,){
var newEmailRef = emailRef.push();
newEmailRef.set({
Fullname: Fullname,
Email:Email
});
}
uj5u.com熱心網友回復：
由于您在這里初始化 firebase，它應該是這樣的：
const firebase = initializeApp(config);
有關更多資訊，您可以查看這里。
uj5u.com熱心網友回復：
首先，您需要firebase/app使用以下命令安裝：
npm install firebase
然后，在您的Main.js：
const firebase = require("firebase/app")
現在您可以正確初始化它：
const firebase = require("firebase/app")
var config = {
apiKey: "xxxxx",
authDomain: "xxxxx",
databaseURL: "xxxxx",
projectId: "xxxxx",
storageBucket: "xxxxx",
messagingSenderId: "xxxxx"
};
firebase.initializeApp(config);
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/334746.html
標籤：javascript html 节点.js 火力基地 后端