[英]Flutter Web - No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app)
[英]How to solve Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app)
我正在尝试使用 react 和 firebase 创建一个聊天室应用程序。最初,我在一次导入 auth 和 firestore 时遇到错误,即 import { auth, firestore } from 'react';,我尝试了 firebase.auth(); 和 firebase.firestore(); 我收到一条错误消息说“auth not defined no-def”和“firestore not defined no-def”,现在我已经尝试了 const auth = firestore.auth(); 和 const firestore = firebase.firestore() 我现在收到错误消息“Firebase:No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app).”...可能有人请帮助我
附件是我的代码
import firebase from 'firebase';
//import 'firebase/app';
//import { auth, firestore } from 'firebase';
//firebase.auth();
//firebase.firestore();
const auth = firebase.auth();
const firestore = firebase.firestore()
export const signup = (user) => {
return async (dispatch) => {
const db = firestore();
auth()
.createUserWithEmailAndPassword(user.email, user.password)
.then(user => {
console.log(user);
})
.catch(error => {
console.log(error);
})
}
}
在您可以使用任何 firebase SDK 之前,您需要初始化您的 firebase 应用程序。
此代码显示了您如何初始化应用程序:
import firebase from "firebase/app";
// Replace the following with your app's Firebase project configuration
const firebaseConfig = {
apiKey: "AIzaSyDOCAbC123dEf456GhI789jKl01-MnO",
authDomain: "myapp-project-123.firebaseapp.com",
databaseURL: "https://myapp-project-123.firebaseio.com",
projectId: "myapp-project-123",
storageBucket: "myapp-project-123.appspot.com",
messagingSenderId: "65211879809",
appId: "1:65211879909:web:3ae38ef1cdcb2e01fe5f0c",
measurementId: "G-8GSGZQ44ST"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
不要忘记将配置替换为 firebase 项目的配置。 在这里您可以看到如何获取您的 Firebase 配置。
之后,您可以运行您的代码。
确保在使用任何 SDK 之前调用初始化。 为此,我还建议将您的代码更改为:
import firebase from 'firebase';
//import 'firebase/app';
//import { auth, firestore } from 'firebase';
//firebase.auth();
//firebase.firestore();
export const signup = (user) => {
return async (dispatch) => {
const auth = firebase.auth();
const firestore = firebase.firestore()
const db = firestore();
auth()
.createUserWithEmailAndPassword(user.email, user.password)
.then(user => {
console.log(user);
})
.catch(error => {
console.log(error);
})
}
}
尝试在 index.js 中导入 firebase 配置文件
import firebase.js
我有同样的问题
const app = initializeApp(firebaseConfig);
如果它们都在同一个文件中,例如 provider、auth、getAuth 等,请确保此代码高于您要导入的任何其他内容。 只是您正在调用的任何其他方法...
也无缘无故发生在我身上
通过在根应用程序中使用您的凭据导入配置文件来解决问题
import app from './firebase/config'
console.log('app :', app);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.