react中调用了componentDidMount生命周期方法两次

Question

在我的反应应用程序中，初始 API 调用在应用程序加载时进行了两次。 我查看了 Chrome->inpsect 中的“网络”选项卡，“启动器”调用堆栈显示第一个调用来自VM123000_bundle.js ，而第二个调用只是来自实际的 bundle.js。 除了升级 Webpack (1.x -> 4.x) 和 React (15.x->16.x) 模块之外，在 prod 环境中工作的代码相同。 有人可以指出什么是VM123000_bundle.js以及为什么在主页加载时第一次调用它？

AppHome.js

componentDidMount () {
const appdata = this.props.ebayHome.toJS();
this.props.getAccounts("/EName/Account/, ActionTypes.ACCOUNT_DATA, JSON.stringify(accountMutualParams));
}

Answer 1

这是 HtmlWebpackPlugin 的一个问题，它实际上将所有生成的包引用注入到现有的 HTML 页面中。 有两种方法可以修复它。

1. 在 webpack 配置中跳过注入

2. 删除 HTML 页面中的捆绑包引用