Webpack似乎没有明显原因重装了我的组件两次

Question

我认为在开发和生产模式下，我的应用程序中的热重装都存在问题。

基本上，我有一个index.js文件，用于渲染App组件。在我的App组件中，我只需控制台记录“来自APP的Hello”。 我认为，这仅应输出一次，但不能输出一次。 输出如下：

[HMR] Waiting for update signal from WDS...
Hello from APP
[WDS] Hot Module Replacement enabled.
[HMR] Waiting for update signal from WDS...
Hello from APP
[WDS] Hot Module Replacement enabled.

完整的源代码可以在这里找到：https://github.com/RosarioAleCali/react-example

有人可以告诉我什么可能导致此问题吗？也许是我的webpack配置文件？

此外，当我直接键入URL或刷新页面时，也会发生此问题。我想修复它，因为在一个更复杂的示例中，我需要发出API请求并显示数据，因此它当前的热加载方式根本不好。

Answer 1

在index.html中有这一行。

<script src="/bundle.js"></script>

但是，html-webpack-plugin将添加另一行执行相同操作的行，因此您将整个应用程序运行两次。您将要删除该行。

您正在其中加载的（旧）版本的React也是如此，因为React已包含在捆绑包中。