无法在 javascript 中初始化 Firebase

问题描述 投票:0回答:1

我尝试通过实时服务器(端口:5500)注册我的 html 网站。所有 Firebase 规则和 Web 内容均已配置。但是实时服务器的控制台输出在第 19 行显示错误:

`(firebase.initializeApp(firebaseConfig)`.

有错误信息

firebase.js:19 Uncaught ReferenceError: firebase is not defined
    at firebase.js:19:1
(anonymous) @ firebase.js:19

这是我的 .js 文件代码

const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: ""
};

//Init Firestore
firebase.initializeApp(firebaseConfig);
// Initialize Firestore
const auth = firebase.auth()
const database = firebase.firestore()

以及 .html 文件的代码片段:

<!-- code -->
<body>
    <div class="background-container"></div>
    <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-database.js"></script>
    <script src="firebase.js" type="module"></script>
    <!-- Rest of code -->
</body>
<!-- code -->

如何在 javascript 中初始化 firebase firestore 以及我可以通过实时服务器(端口:5500)测试连接(注册帐户)还是需要访问我的公共网站 url 站点并在那里测试连接。

(第二次使用堆栈溢出请原谅我)

javascript html firebase initialization
1个回答
0
投票

您应该能够使用实时服务器来执行此操作。我的一个建议是,既然您已经在使用

module
,您可以将导入移至 JavaScript。

因此

index.html
文件可以缩短为:

<body>
    <div class="background-container"></div>
    <script src="firebase.js" type="module"></script>
</body>

并且可以更新

firebase.js
文件以导入如下语句:

// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.3.1/firebase-app.js";
import { getAuth } from "https://www.gstatic.com/firebasejs/10.3.1/firebase-auth.js";
import { getFirestore } from "https://www.gstatic.com/firebasejs/10.3.1/firebase-firestore.js";

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
    apiKey: "",
    authDomain: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: "",
    measurementId: ""
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const auth = getAuth(app);
const db = getFirestore(app);
© www.soinside.com 2019 - 2024. All rights reserved.