Random SVGs are undefined upon first compilation

This is a funny bug. Upon first webpack compilation a code line like this among many similar ones

import broomSvg from 'broom.svg'

gives me undefined, nothing.

But when I make a change and webpack recompiles, then the above works and that missing SVG can be seen. Using the latest version v3.6.2 here with all the latest webpack packages.

DOM is loaded and the SVG symbols exist in the HTML which is fine. Still, do not understand why some random SVG import statements do not work upon first compilation.

With some debugging, I can see that deep inside webpack, where it holds all installed modules in the installedModules variables, this broom SVG is missing and not included. But few other random SVGs are.

[kisenka]

Honestly I have no idea how to investigate this and I think it’s webpack’s HMR issue

[binarykitchen]

This issue is still bugging me and studying webpack’s HMR does’t make me believe it’s their problem. What makes you think so @kisenka ?