VueJS项目中的Firebase初始化错误

第一次在这里发布。对VueJS来说也是很新的，知道一些角度

我第一次在VueJS项目中初始化FireBase时遇到错误：

这在点击事件后短暂出现，所以我不得不放慢网络速度来截图

我已经在index.html中包含了

我还使用-save通过npm安装了FireBase最新版本

并为web app创建了2个文件：firebaseInit.js和firebaseConfig.js，其中包含api密钥等：

在firebaseInit.js中：

并提出：

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

在firebaseConfig.js中

额外信息尽管我不认为这是问题的根源：

我在vue文件中以“firebase”的形式导入firebase，在方法属性中使用firebase auth和createUserWithEmailandPassword，但警报不起作用

从“firebase”导入firebase； 导出默认值{ 名称：'注册'， 数据：函数{ 返回{ 电邮：， 密码： }; }, 方法：{ 寄存器：functione{ 火基 作者 .createUserWithEmailAndPasswordthis.email，this.password 然后 用户=>{ 警报`为${user.email}创建的帐户'； 这是。$router.push“/”； }, 错误=>{ console.logerr.message； } ; e、 防止违约； } } }; 您创建了firebaseInit.js，但由于您从未导入或需要它，因此它从未执行过，因此当您尝试使用从通用firebase模块导入的firebase时，会出现firebase not initialized错误

---

在firebaseInit.js中使用导出默认firebaseApp，而不是像现在这样使用firestore，然后从'path/to/firebaseInit.js'导入firebase。例如。

如果您使用npm版本库构建应用程序，则无需包含标签，我已将其删除。尽管如此，我还是犯了那个错误…我想我看到了问题所在。。。没有任何内容正在导入/执行firebaseInit.js文件。这应该是导出firebase应用程序的文件，然后您可以在appOh上进行所有身份验证等。再次感谢你。但是，我不明白为什么我单击按钮时，寄存器内部警报函数没有显示，因为firebase.auth抛出了一个错误。您应该在firebaseApp对象上调用auth

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