VueJS项目中的Firebase初始化错误

Question

第一次在这里发布。对VueJS来说还很新，知道一些Angular。

在我的VueJS项目中初始化Firebase时遇到错误（第一次出现此错误）：

在单击事件后短暂显示了该信息，因此我必须放慢网络速度以获取屏幕截图。

• 我已将func Delete(w http.ResponseWriter, r *http.Request) { params := mux.Vars(r) result := delete(nearby, params["id"]) } 包含在 index.html

中

• 我还使用--save

通过 npm 安装了Firebase（最新版本）

创建了2个文件：firebaseInit.js和firebaseConfig.js（其中包含api密钥，适用于网络应用），

在 firebaseInit.js 中：

<script src="https://www.gstatic.com/firebasejs/5.5.5/firebase.js"></script>

并放入：

import firebase from 'firebase';
import 'firebase/firestore';
import firebaseConfig from './firebaseConfig';

const firebaseApp= 
firebase.initializeApp(firebaseConfig);

export default firebaseApp.firestore();

在export default { the config key value pairs obtained from Firebase console } 中。

其他信息（尽管我不认为这是问题的根源）：

我在vue文件中使用firebaseConfig.js导入了Firebase，在 methods 属性中使用了firebase import firebase as 'firebase'和auth()，但是createUserWithEmailandPassword()并没有工作。

alert()

Answer 1

您创建了firebaseInit.js，但是由于从未导入或不需要它，因此它从未执行过，因此，当您尝试使用从{而不是通用的Firebase模块。

例如，在您的firebase中使用export default firebaseApp（而不是像现在这样使用firestore），然后再使用firebaseInit.js。

Answer 2

不确定您的确切问题是什么。有时我们需要等待数据库操作完成才能执行某些任务。下面引用的教程解释了这样一种情况。请参考它，尤其是在执行一些检查的最后。

Here是有关在vuejs中使用Firebase身份验证的教程。 另请参阅this简短教程。它将帮助您快速入门。

如果有帮助，请接受答案。

谢谢。

  

此观察者称为onAuthStateChanged。 （您可以在Firebase文档中找到有关观察者的更多信息：https://firebase.google.com/docs/auth/web/manage-users#get_a_users_profile）

因此，通过在onAuthStateChanged观察器上设置回调，我们只有在确定Firebase初始化后才能初始化Vue应用。