require .png, .jpg, .gif works in chrome but not firefox about url-loader HOT 3 CLOSED

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

from url-loader.

The values are not different in Firefox and Chrome. Chrome's debugger just doesn't show the full dataURI. It puts in that fake ellipsis to keep very long strings from filling up your whole screen.

It looks like this is a problem with your code, not with url-loader or webpack. LazyPhoto is relying on the browser to fire an error event to set notFound, which tells it to use notFoundUrl. But it looks like Firefox doesn't fire that event when you set an empty src on the image - only when you set an actual URL that doesn't get a 200 response from the server. If you just skip that part and go straight to using notFoundUrl when the thumbnailUrl is blank, it should work fine.

from url-loader.

Oh, you are so right! Nevermind. Webpack rules!

from url-loader.