时间戳

首页 > 解决方案 > JavaScript html 中未定义 firebase

javascript - JavaScript html 中未定义 firebase

问题描述

<html>
  <head> <meta name="" content=""> </head>
<body> 
  <input type="text" id="nameid" placeholder="name" />
  <button type="submit" onclick="send()">submit</button>
 
<!-- firebase library-->

<script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-database.js"></script>


 <script>
  var firebaseConfig = {
apiKey: "",
authDomain: "",
projectId: "",
storageBucket: "",
messagingSenderId: "",
appId: "",
measurementId: ""
};

firebase.initializeApp(firebaseConfig);
firebase.analytics();
function send(){
  firebase.database().ref('user').set({ 
    name: document.getElementById('nameid). value;});
}

</script>
</body>
</html>

我收到了未定义 firebase 的错误，请帮助我，您可以查看代码。即使我没有在我的 firebase 实时数据库中获取数据。我什至创建了数据库。

标签： javascripthtmlfirebasefirebase-realtime-database

解决方案

您首先需要安装 Firebase sdk

npm init

对于 package.json 文件

npm install --save firebase

用于安装火力基地

const firebaseConfig = {
  // ... // Your config values
};

firebase.initializeApp(firebaseConfig);

如果可能，建议将您的 firebase 配置移动到另一个文件。有关更多信息，请阅读Firebase Javascript 文档

推荐阅读