我尝试通过实时服务器(端口: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 站点并在那里测试连接。
(第二次使用堆栈溢出请原谅我)
您应该能够使用实时服务器来执行此操作。我的一个建议是,既然您已经在使用
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);