当重新加载发生时，我得到 Invalid hook call react 错误

Question

起初应用运行良好，但一旦发生页面重新加载或触发页面重新加载的任何操作，就会出现此错误。

查看错误堆栈表明错误来自 Redux Provider。

我已经查找了我的代码中可能存在的所有错误。即 - 我检查了所有组件并查找是否有任何类组件调用钩子，并确保钩子没有被嵌套或没有被有条件地调用。

这是我的仪表板组件 -

如您所见，我在组件 id 首次挂载时调度了两个 redux 操作，并在每 5 分钟间隔后再次调用调度它们。

另外，在哪种情况下我会得到两个 react 或 react-dom 副本？？？

Answer 1

在我的情况下，错误是由 Webpack 配置和起始文件 index.html 的错误组合引起的。

我的index.html 中有这个 -

关注正文中的脚本标签。我已将链接添加到bundle.js

现在让我们看看我的 webpack 配置 -

问题是webpack默认在编译后添加了script标签。而且我也提供了相同的....所以我最终拥有了两个 bundle.js 副本，因此我收到了无效的钩子调用错误。

我从 index.html 中删除了我的脚本标签，一切正常。