当重新加载发生时，我得到 Invalid hook call react error
When reload happens i get Invalid hook call react error
一开始应用程序运行良好，但一旦页面重新加载或任何触发页面重新加载的操作都会出现此错误。
查看错误堆栈表明错误来自 Redux Provider。
我已经查找了我的代码中所有可能存在的错误。即 - 我检查了所有组件并查找是否有任何 class 组件调用挂钩，并确保挂钩没有被嵌套或它们没有被有条件地调用。
这是我的仪表板组件 -
如您所见，我在首次安装组件 ID 时分派两个 redux 操作，并在每 5 分钟间隔后再次调用分派它们。
另外在什么情况下我会得到两份反应或反应-dom???
在我的例子中，错误是由 Webpack 配置和启动文件的不正确组合引起的 index.html。
我的 index.html -
里有这个
关注正文中的脚本标签。我已将 link 添加到 bundle.js
现在让我们看看我的 webpack 配置 -
问题是webpack在编译后默认添加了script标签。我也提供了相同的....所以我最终得到了 bundle.js 的两个副本，因此我收到了无效挂钩调用错误。
我从 index.html 中删除了我的脚本标签，并且一切正常。
一开始应用程序运行良好，但一旦页面重新加载或任何触发页面重新加载的操作都会出现此错误。
查看错误堆栈表明错误来自 Redux Provider。
我已经查找了我的代码中所有可能存在的错误。即 - 我检查了所有组件并查找是否有任何 class 组件调用挂钩，并确保挂钩没有被嵌套或它们没有被有条件地调用。
这是我的仪表板组件 -
如您所见，我在首次安装组件 ID 时分派两个 redux 操作，并在每 5 分钟间隔后再次调用分派它们。
另外在什么情况下我会得到两份反应或反应-dom???
在我的例子中，错误是由 Webpack 配置和启动文件的不正确组合引起的 index.html。
我的 index.html -
关注正文中的脚本标签。我已将 link 添加到 bundle.js
现在让我们看看我的 webpack 配置 -
问题是webpack在编译后默认添加了script标签。我也提供了相同的....所以我最终得到了 bundle.js 的两个副本，因此我收到了无效挂钩调用错误。
我从 index.html 中删除了我的脚本标签，并且一切正常。