出现错误：`ReferenceError: Cannot access

Question

节点 v：“10.14.1”反应 v：“^16.9.0”通过运行在本地更新一些包后npm update，我在启动我的 react 项目时开始收到此错误。ReferenceError: Cannot access 'USER_LOGIN_PENDING' before initializationModule.USER_LOGIN_PENDINGhttp://localhost:3300/static/js/main.chunk.js:28487:110push../src/state/reducers/auth.js.__webpack_exports__.defaultsrc/state/reducers/auth.js:23  20 |   21 | export default (state = INITIAL_STATE, action) => {  22 |   switch (action.type) {> 23 |     case USER_LOGIN_PENDING:  24 |       return { ...state, isLoading: true, showLoginError: false };  25 |     case USER_LOGIN_SUCCESS:  26 |       return {有更多的堆栈帧，但这是最上面的。我尝试npm install在删除 node_modules 和 package-lock.json 后恢复本地包并运行。运行没有错误。不知道为什么它突然开始给我这个错误。我的一个朋友把主人拉下来了，它与相同的版本完美配合。这是应该引发错误的减速器文件：import {  USER_LOGIN_PENDING,  USER_LOGIN_SUCCESS,  USER_LOGIN_FAIL,  NOT_LOGGED_IN,  USER_LOGOUT_PENDING,  USER_LOGOUT_SUCCESS} from '../actions/auth';export const INITIAL_STATE = {  isLoading: false,  isLoggedIn: false,  showLoginError: false,  loginError: null,  access_token: null,  refresh_token: null,  expires_at: null};export default (state = INITIAL_STATE, action) => {  switch (action.type) {    case USER_LOGIN_PENDING:      return { ...state, isLoading: true, showLoginError: false };    case USER_LOGIN_SUCCESS:      return {        ...state,        isLoading: false,        showLoginError: false,        isLoggedIn: true,        access_token: action.data.access_token,        expires_at: action.data.expires_at,        refresh_token: action.data.refresh_token      };    case USER_LOGIN_FAIL:      return {        ...state, isLoading: false, showLoginError: true, loginError: action.payload      };  }};这是行动/身份验证以防万一。

Answer 1

这个问题已经有 7 年历史了，但是当我遇到同样的问题时，我无论如何都会发布一个答案，即使它可能不再对你有帮助。

在我们的例子中，这个错误是由循环导入引起的（模块 A 导入模块 B，模块 B 导入模块 C，模块 C 导入模块 A）。这一直有效，但在升级依赖项后就中断了。

Answer 2

找出问题所在。原来事情已经被破坏了一段时间（自从我上次更新我的软件包以来），它们只是在我删除我的 node_modules 和 package-lock.json 并重新安装所有东西后才重新出现。

我的罪魁祸首是“反应脚本”。将其降级到“2.1.5”版本后，一切都恢复了。