javascript - 与 Firebase 身份验证 react

Question

我正在尝试设置 React with 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: Cannot read property 'app' of undefined

对我来说，const 被赋值在第 22 行。进一步搜索那行查询，人们注意到这是一个应该为 ES6 更新的 ES5 表达式 - 然后沿着推理路径表明这不是'这不是在 ES6 中使用的有用方法。我不确定尝试弄清楚这一点是否是我寻求解决方案的过程的一部分。

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

任何人都可以帮助举例说明如何在 react 中开始使用 Firebase 身份验证(在用户注册时带有待定标志)。我自己并没有编写这段代码，并且在最好的时候也很难理解基础知识，所以我想尝试将其作为一种学习练习来解决，但如果它不是一个坚实的基础，那么我也会很感激那个建议。

Answer 1

错误是因为您没有正确导出/导入您的 firebase 身份验证对象。

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

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

检查路径是否正确，firebase.js 的默认导出是否具有 auth 属性。