我尝试了几种方法,但没有工作。我链接如下:
<script src="https://www.gstatic.com/firebasejs/ui/6.0.1/firebase-ui-auth.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/6.0.1/firebase-ui-auth.css" />
这是火力点配置:
<script type="module">
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-analytics.js";
import { getFirestore } from "https://www.gstatic.com/firebasejs/9.15.0/firebase-firestore.js";
const firebaseConfig = {
// some config
};
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
const db = getFirestore(app);
async function getCities(db) {
const citiesCol = collection(db, 'cities');
const citySnapshot = await getDocs(citiesCol);
const cityList = citySnapshot.docs.map(doc => doc.data());
return cityList;
}
</script>
配置到身份验证:
<script>
var uiConfig = {
signInSuccessUrl: 'localhost:5500',
signInOptions: [
{
provider: firebase.auth.EmailAuthProvider.PROVIDER_ID,
signInMethod: firebase.auth.EmailAuthProvider.EMAIL_LINK_SIGN_IN_METHOD
}
],
tosUrl: 'localhost:5500',
privacyPolicyUrl: function() {
window.location.assign('localhost:5500');
}
};
var ui = new firebaseui.auth.AuthUI(firebase.auth());
ui.start('#firebaseui-auth-container', uiConfig);
</script>
问题是**未捕获引用错误:未定义firebase。**适用于:
provider: firebase.auth.EmailAuthProvider.PROVIDER_ID,
我试图通过Firebase连接授权到我的网站。如何解决这个问题?请帮助。
1条答案
按热度按时间ffscu2ro1#
“未捕获的引用错误:当代码尝试使用firebase对象,但该对象尚未定义时,会发生“firebase is not defined”错误。发生这种情况的原因有很多,包括:
1.未正确加载Firebase JavaScript库。请确保在HTML文件中包含正确的脚本标记以加载Firebase库:
1.您可能试图在库完成加载之前使用firebase对象。要解决此问题,您可以将代码 Package 在函数中,并在firebase库完成加载之后调用它:
1.在firebase对象的名称中可能有打字错误或其他错误。请确保在引用该对象时使用了正确的拼写和大小写。
1.如果您正在使用Webpack或Rollup等捆绑包,请确保Firebase库已正确导入并可用于您的代码。