Hi all,
For a portal project, we are currently developing Web Parts and Extensions components using the SharePoint Framework (1.3.4 version) targeting a communication site. After deployed the application, we experienced a really strange issue with Internet Explorer 11. After browsing few pages (like 10) in normal use, the memory grows up to 1.5GB increasing by 100Mb every time a page is visited! This issue is not present with Chrome and Firefox.
First we obviously thought that our code was the problem so we did some experiments to isolate the issue and we've separated each Web Parts to a dedicated bundle and we've loaded them individually on pages. By this way, we've been able to identify some suspicious Web Parts. However, even after commenting the whole code for those suspicious Web Parts, the memory allocation continues to grow even if the Web Part does nothing! We really don't know what could cause this leak.
So, my questions are:
- Does anyone experienced this kind of issues before with IE and SPFx?
- Can the bundle dependencies cause the leak even if they are not used in the code explicitly?
- Could it be a related to a know IE polyfill issue coming from SPFx or any know librairies?
Any hints would be appreciated!
Our package.json dependencies looks like this:
"dependencies": {
"@microsoft/sp-core-library": "~1.3.4",
"@microsoft/sp-lodash-subset": "~1.3.4",
"@microsoft/sp-webpart-base": "~1.3.4",
"@types/react": "15.0.38",
"@types/react-addons-shallow-compare": "0.14.17",
"@types/react-addons-test-utils": "0.14.15",
"@types/react-addons-update": "0.14.14",
"@types/react-dom": "0.14.18",
"@types/webpack-env": ">=1.12.1 <1.14.0",
"@types/jquery": "2.0.48",
"@types/trunk8": "0.0.28",
"history-events": "^1.0.4",
"immutability-helper": "2.4.0",
"lodash-es": "^4.17.4",
"moment": "^2.18.1",
"react": "15.4.2",
"react-dom": "15.4.2",
"react-js-pagination": "^3.0.0",
"sp-pnp-js": "~3.0.1",
"xml2js": "^0.4.19",
"trunk8": "0.0.1",
"office-ui-fabric-react": "4.40.2-hotfix.1"
}
