Forum Discussion
kostas1485
May 31, 2022Copper Contributor
Edge Dev Tools Bug: IndexedDB filled with Webpack bundles
Hi!
While cleaning stuff on my pc, I came a across this file:
C:\Users\<user>\AppData\Local\Microsoft\Edge\User Data\Default\IndexedDB\devtools_devtools_0.indexeddb.blob
which consisted of almost 4GB of webpack bundled files from my projects (I could recognize my code in the bundled files).
I successfully recreated the 'bug' by adding even more files by following these steps after the webpack server was initialized and I loaded the page with a devtools window open:
- Make any change in a local project file to trigger HMR.
- Wait for HMR to finish.
- Reload the page.
Clearing browser cache did not remove these files (But I did keep my 20K searches just because).
I tried to recreate the bug in Chrome but didn't work so I doubt that this is a webpack problem.
Also the webpack config was preconfigured from create-react-app with typescript (+ react-router-dom which I am not sure if it reconfigures anything).
Running on:
- Edge version: 101.0.1210.53
- Windows 11
kostas1485 Edge DevTools caches loaded source maps for about 30 days. So, this folder should not keep growing forever.
You can clear the source map cache this way:
- Open the Command menu with
Ctrl+Shift+P
(replaceCtrl
withCmd
if you're on Mac). - Start typing the word "Clear" and choose the Clear source maps cache command, press
Enter
.
- Open the Command menu with
- Patrick_Brosset
Microsoft
kostas1485 Edge DevTools caches loaded source maps for about 30 days. So, this folder should not keep growing forever.
You can clear the source map cache this way:
- Open the Command menu with
Ctrl+Shift+P
(replaceCtrl
withCmd
if you're on Mac). - Start typing the word "Clear" and choose the Clear source maps cache command, press
Enter
.
- Open the Command menu with