与Firebase身份验证一起使用

Question

我正在尝试设置与firebase身份验证的反应.

注册页面存在问题.当我注释掉注册页面时,我的本地页面呈现没有任何问题.当我取消注释此页面时,我收到一条错误消息:

npm.js:341 Uncaught TypeError: Cannot read property 'app' of undefined
    at new hm (npm.js:341)
    at Object.<anonymous> (RegisterPage.js:12)
    at __webpack_require__ (bootstrap 5a6a0f74168ebcba0a5a:19)
    at Object.defineProperty.value (AppRouter.js:10)
    at __webpack_require__ (bootstrap 5a6a0f74168ebcba0a5a:19)
    at Object.<anonymous> (app.js:7)
    at __webpack_require__ (bootstrap 5a6a0f74168ebcba0a5a:19)
    at Object.<anonymous> (bundle.js:50999)
    at __webpack_require__ (bootstrap 5a6a0f74168ebcba0a5a:19)
    at module.exports (bootstrap 5a6a0f74168ebcba0a5a:62)

我试图在此代码沙箱中重新创建应用程序的最小部分:https://codesandbox.io/s/6w2r0267kk.但是,我在代码沙箱中收到错误消息:TypeError - 无法获取依赖项,请在几秒钟内重试:无法获取.每次出现此错误大约需要2个小时,现在重复3次.我不确定我在尝试使用该工具时是否做错了.

遇到与我相同的错误消息的其他人建议可能没有正确定义'this':Uncaught TypeError:无法读取未定义的属性'app'

对我来说,那个const是在第22行中分配的.进一步搜索这一查询行,人们注意到这是一个应该为ES6更新的ES5表达式 - 然后引导一条推理路径,表明这不是一个有用的在ES6中使用的方法.我不确定是否试图弄清楚是否是我的解决方案的一部分.

当我在注册页面上使用代码沙箱时,会指示从第78行开始的return语句中的语法错误,但我看不出有什么问题.

任何人都可以提供有关如何开始使用Firebase身份验证的示例(在用户注册时使用挂起标志).我自己并没有编写这段代码,并且很难在最好的时候理解基础知识,所以我想把它想象成一个学习练习,但如果它不是一个合理的基础,那么我也会欣赏那个建议.

Answer 1

该错误是因为您没有正确导出/导入firebase auth对象.

打印在RegisterPage.js的auth第4行导入的变量,你会看到它是:undefined

import { firebase, auth } from "../../firebase/firebase";

检查路径是否正确,以及默认导出firebase.js是否具有auth属性.