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

时间:2020-05-31 17:14:31

标签: javascript reactjs webpack

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

AppHome.js

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

1 个答案:

答案 0 :(得分:0)

这是HtmlWebpackPlugin的一个问题,该问题实际上将所有生成的包引用注入到现有的HTML页面中。有两种解决方法。

  1. 在webpack配置中跳过注入

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