Created attachment 371592 [details] Repo case Looks like there is a race condition when loading ESM modules in Safari, that leads the same module. When using dynamic import(), the same ES module is evaludated more than once. Here's the simplest repo case that reproduces it: https://github.com/manucorporat/webkit-esm-bug - Server the repo with a HTTP server - Open the Safari dev tools, - Reload several times until you can see several "load" console logs HTML ``` <body> <script type="module"> import "/build/index.js"; </script> </body> ``` index.js ``` let a = 0; console.log('load', a++); function hello() { import('./chunk.js') } hello(); ``` chunk.js ``` import "./index.js"; ``` EXPECTED BEHAVIOUR: Same as Chrome, or Firefox. The `index.js` module should be evaluated only once. This is causing crashes in a production website: https://stenciljs.com/ And most likely any users of Stenciljs in iOS
<rdar://problem/51533282>
After some extra debugging I found it's also related with some external extension slowing down the page: https://itunes.apple.com/es/app/adguard-for-safari/id1440147259?l=en&mt=12 In any case, seems like there is a race condition that leads to the same ESM module being loaded twice, breaking some websites.
I am wondering if this issue breaks using stencil js applications in Safari. They work fine after a reload. I have posted a reference to this issue in the issue board: https://github.com/ionic-team/stencil/issues/2774#issuecomment-1028829579 Any help is appreciated!
Hmm, I tried it but I cannot reproduce this issue.
Hmm, yeah, I tried many times with the offered repro case, but so far, I cannot reproduce it. Is it possible that this is related to installed extensions? Can you reproduce it without enabling extensions?
Same for me, I cannot reproduce in Safar 15.3 (17612.4.9.1.5) (Monterey 12.2)
OK, closing this since I cannot reproduce this. I wonder if it is related to the installed extensions. Please feel free to paste a new repro case etc. if you find :)