不变冲突：部署时出现无效钩子调用错误

Question

我的应用程序一直在工作，直到最后一次提交。

现在，它在< code>npm start上工作正常，但是在使用< code>npm run builder部署它之后，我遇到运行时错误:

不变冲突:缩小的反应错误# 321；访问https://reactjs.org/docs/error-decoder.html?invariant=321获得完整的消息，或者使用非精简的开发环境获得完整的错误和其他有用的警告。

未捕获的不变违规：缩小的反应错误#321；访问https://reactjs.org/docs/error-decoder.html?invariant=321获取完整消息或使用非缩小的开发环境获取完整错误和其他有用的警告。

错误屏幕截图

这会导致无效的挂钩错误

无效的钩子调用。钩子只能在函数组件的主体内部调用。

为了解决这个问题，我添加了eslint规则< code > " react-hooks/rules-of-hooks ":" error " 。

看起来我的项目没有< code >无效挂钩错误(如前所述，它在< code>npm start上运行良好)。

//package.json
"scripts": {
    "start": "NODE_PATH=src/ PORT=9050 react-app-rewired start",
    "builder": "NODE_PATH=src/ react-app-rewired --max_old_space_size=4096 build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject",
    "build": "./dockerfile/build.sh simulator",
    "start:server": "node ./server/server.js",
  }

知道如何修复部署错误吗？

Answer 1

通过升级反应脚本，npm安装react-scripts@latest解决了这个问题。

然后，您应该清除缓存（开发工具中的Application选项卡）并硬加载（Ctrl Shift R）