ReferenceError：找不到變量：firebase 全局代碼

Question

我不斷收到錯誤：ReferenceError:

找不到變量： firebase global code@/script.js:10:26 at /script.js:10:26

我正確地初始化了它，但是當我引用變量時它會拋出錯誤。 就初始化變量而言，我的代碼看起來是正確的，但這是我的代碼（我已經包含了我的 html 文件和我的 javascript 文件）。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>

  <label>User ID:</label><br>
  <input type="text" id="userId" /><br>

  <label>First Name:</label><br>
  <input type="text" id="firstName" /><br>

  <label>Last Name:</label><br>
  <input type="text" id="lastName" /><br>

  <label>Age:</label><br>
  <input type="text" id="age" /><br>

  <button id="addBtn">ADD</button>
  <button id="updateBtn">UPDATE</button>
  <button id="readBtn">READ</button><br>
  <button id="removeBtn">REMOVE</button>


  <body>
    <script src="script.js"></script>
  </body>

  <!-- The core Firebase JS SDK is always required and must be listed first -->
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.0.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.0.1/firebase-firestore.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.0.1/firebase-analytics.js"></script>

<script>
  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  var firebaseConfig = {
    apiKey: "AIzaSyBRhn_MY7TNnTDPbf2WXU-5bio6zpd70UI",
    authDomain: "myawesomeproject-69436.firebaseapp.com",
    databaseURL: "https://myawesomeproject-69436.firebaseio.com",
    projectId: "myawesomeproject-69436",
    storageBucket: "myawesomeproject-69436.appspot.com",
    messagingSenderId: "299772211749",
    appId: "1:299772211749:web:b503b7a4fb44a8676f05cc",
    measurementId: "G-6MH270KGNL"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
</script>
</html>

const database = firebase.firestore();
const usersCollection = database.collection('users');

addBtn.addEventListener('click', e => {
  e.preventDefault();
  const ID = usersCollection.doc();

  ID.set({
    first_name: firstName.value,
    last_name: lastName.value,
    age: age.value
  })

  .then(() => {console.log("data written");})
  
});

Answer 1

script.js 的腳本包含必須發生在firebase SDK 腳本之后，因此它們可以使用全局firebase變量。 所以，只需將其移動到：

<script src="https://www.gstatic.com/firebasejs/8.0.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.0.1/firebase-firestore.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/8.0.1/firebase-analytics.js"></script>
<script>
// code that includes firebase.initializeApp()
</script>
<script src="script.js"></script>

ReferenceError：找不到變量：firebase 全局代碼

問題描述

1 個解決方案

解決方案1
2 已采納 2020-11-11 21:41:03

ReferenceError：找不到變量：firebase 全局代碼

問題描述

1 個解決方案

解決方案1 2 已采納 2020-11-11 21:41:03

解決方案1
2 已采納 2020-11-11 21:41:03