require .png works in chrome but not firefox

[littlebee]

I'm not sure what I've done, but I have this image:

notFoundUrl: require("../../img/petals.png")

That webpack seems to find and load just fine in Chrome but not in Firefox. My webpack loader config looks like:

      ,
        test: /\.(png|jpg)$/
        loader: 'url-loader?limit=8192' # inline base64 URLs for <=8k images, direct URLs for the rest

See for example: (http://zulily.github.io/react-datum/docs/examples/). The last two tiles on the left should have the petals.png image but show as broken, and render without a src on Firefox. I tested with two different machines with Firefox 42 and one hopelessly stuck on 36.

Thank you for your help.

[littlebee]

I did a bit more debugging on this issue. In Firefox, the base64 encoded 'url' looks quite different on Firefox and Chrome debuggers.
In Chome, the module exports returned from webpack_require(24) =

"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABoCAYAAAAHIFUvAAAAGXRFW…dk7GCMERBgUpCgmqJbQEcPxlgBIVDohNbFrwJGR/8XYAA/IBnrVTxJagAAAABJRU5ErkJggg=="

In Firefox, the same method returns a much bigger image src that displays renders in the DOM with the image tag having src=""

Interestingly, I tried setting the Chrome image src to the data above in firebug console and, viola, petals. See attach screenshot and text file for the full firefox base64 data.

I tried to just hard code the chrome value in source code but that didn't work either on firefox.

webpackImageData.txt

[littlebee]

This issue was moved to webpack-contrib/url-loader#20