Unable to load image files

[EvHaus]

After upgrading to 3.0.0, I'm getting this error:

 ERROR in ./static/dist/images/products/Product_Landing_Quote.jpg
[2]     Module build failed: Error: dyld: Library not loaded: /usr/local/opt/libpng/lib/libpng16.16.dylib
[2]       Referenced from: /Users/ev/Git/cumul8.com/node_modules/mozjpeg/vendor/cjpeg
[2]       Reason: image not found
[2]     
[2]         at Promise.all.then.arr (/Users/ev/Git
[2] /cumul8.com/node_modules/execa/index.js:170:11)
[2]         at process._tickCallback (internal/process/next_tick.js:103:7)
[2]      @ ./~/css-loader?module&localIdentName=[name]__[local]___[hash:base64:5]!./~/postcss-loader!./~/stylus-loader!./src/styles/pages/Products.styl 6:2152-2225

This error doesn't happen on the 2.x.x version.

[shelldandy]

I'm having that same issue ☹️ no idea what's going on

[shelldandy]

Found the solution as random as it seems its all fixed by running brew install libpng wtf is going on haha

[codylindley]

Same issue, @Mike3run fix, resolved it. Stinks this has to be done.

[IgorGee]

I had the same issue on Ubuntu 16.10.

Apparently, they removed libpng12 in favor of libpng16?
In any case, here's the link for downloading the library.

[tcoopman]

This looks similar to imagemin/imagemin-mozjpeg#23
Could you report this bug at https://github.com/imagemin/imagemin-mozjpeg?

[tcoopman]

The true reason is found here: imagemin/mozjpeg-bin#18

[davidnguyen11]

Found the solution as random as it seems its all fixed by running brew install libpng wtf is going on haha

this solution worked for me. Thank @Mike3run

[modernserf]

Is this "the new normal"? Will this be documented in the readme?

[tcoopman]

It would be nice if someone could document this issue in the readme and submit a PR.

[tcoopman]

I'll close this for the moment. It's not fixed but it's documented in the README (see #66). Thanks @modernserf

[Shwrndasink]

@Mike3run thanks. I dunno how that brew install libpng fixed it but it did

[DavidDionise]

seriously... that's crazy. random af but THANK YOU

[jamesont]

brew install libpng did not work for me. are there other suggestions?

[shelldandy]

@jamesont why don't you paste whatever the console spitted out so we can take a look.

At least the libpng thing was like that for me and several other people here, its usually right there but we don't read it the first time 😝

We can figure this out together

[jamesont]

Thanks @Mike3run ! Just a sec while I run build. Ok here ya go:

[shelldandy]

I think that error has nothing to do with this plugin it says can't resolve ../assets/big and ../assets/small

So maybe you did a require or import to the wrong place...

Protip its the 2 chunks of red text, you'll see more info there 😄

[jamesont]

@Mike3run Thanks mike. I've tried a million things, I'm not sure where to go. This is actually from a Udemy course I've been taking online, and I've checked and re-checked the code. Can't figure out what the problem might be. I've tried messing with those file paths; nothing seems to help.

[kenguie]

@jamesont, I'm doing the same course on Webpack 2.0 ... something in homebrew is broken.
run- brew install libpng
and it should all work after that.

[shelldandy]

@kenguie just to clarify webpack has nothing to do with libpng aka this doesn't mean webpack is broken not even an issue of this loader even since this is only a thin wrapper on imagemin so your concerns should be directed there.

[kenguie]

Sorry, mistyped @Mike3run - meant to say homebrew ... I was trying to give @jamesont a note and move to the next lesson :) - fixed it

[jamesont]

Thanks Ken, but I've tried brew install libpng and that had no effect. Any other suggestions? - Thomas

…

On Sat, Mar 11, 2017 at 11:21 AM, Ken Guie ***@***.***> wrote: @jamesont <https://github.com/jamesont>, I'm doing the same course on Webpack 2.0 ... something in webpack is broken. run- brew install libpng and it should all work after that. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#51 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ANsJ--AA1cHKCHR_k6ywWT2Wz_i1vx-uks5rkvQ4gaJpZM4KhgRP> .

[jamesont]

Just saw this message - did you mean homebrew install libpng?

…

On Sat, Mar 11, 2017 at 11:41 AM, Ken Guie ***@***.***> wrote: Sorry, mistyped - meant to say homebrew ... I was trying to give u a note and move to the next lesson :) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#51 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ANsJ-_tAUaSnqXj12RSLJGvb5dT7Mlajks5rkvj8gaJpZM4KhgRP> .

[jamesont]

Thanks Miguel, Can you be more specific as to where to look with imagemin? Thanks, Thomas

…

On Sat, Mar 11, 2017 at 11:35 AM, Miguel Palau ***@***.***> wrote: @kenguie <https://github.com/kenguie> just to clarify webpack has nothing to do with libpng aka this doesn't mean webpack is broken not even an issue of this loader even since this is only a thin wrapper on imagemin so your concerns should be directed there. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#51 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ANsJ-1Ip0EvyvdPNgEppqp99nKrUqojJks5rkveYgaJpZM4KhgRP> .

[shelldandy]

imagemin/imagemin#234

[jamesont]

Awesome, I'll try that out and keep you posted. Thanks! - Thomas

…

On Tue, Mar 14, 2017 at 2:00 PM, Miguel Palau ***@***.***> wrote: imagemin/imagemin#234 <imagemin/imagemin#234> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#51 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ANsJ-09D5TgqwyWs6OLGRGrDAhpekMY8ks5rlv_WgaJpZM4KhgRP> .

[kenguie]

I actually just typed 'brew install libpng' and after that according to my history I ran 'npm run build' and it all worked out. I had the same errors though before that.

[forgo]

I don't have administrative privileges on the remote Red Hat build machine I am using in our environment. Why do I need to install a system-level binary to make image-webpack-loader play nicely with Node/NPM/Webpack? This should not be the case.

Has anybody looked into the long-term solution for those of us who cannot simply install libpng? Any help would be appreciated.

[shelldandy]

@forgo not use this package? just go with normal file loader, this also adds an extra cpu bourden, you could process the images on your computer first and be done with it

[DWboutin]

Will it be resolved or the only way to get it to work is brew install libpng ?

[lensisle]

I solved this same issue installing 'libpng' as @kenguie said, and then installing the file-loader module:
'npm install file-loader --save-dev'.

After that I ran 'npm run build' and everything worked ok!

[jamesont]

Thank you!

…

On May 13, 2017 6:34 PM, "Camilo" ***@***.***> wrote: I solved this same issue installing 'libpng' as @kenguie <https://github.com/kenguie> said, and then installing the file-loader module: 'npm install file-loader --save-dev'. After that I ran 'npm run build' and everything worked ok! — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#51 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ANsJ-_UO-Mdea3gmfCxs1e_FjApgcETfks5r5lo8gaJpZM4KhgRP> .

[sami718]

Resolved my issue with .....brew install libpng ..thanks @Mike3run

[chenyiqi]

chenyiqidembp# brew install libpng
==> Downloading https://downloads.sf.net/project/libpng/libpng16/1.6.16/libpng-1.6.16.tar.xz

curl: (22) The requested URL returned error: 404 Not Found
Error: Failed to download resource "libpng"
Download failed: https://downloads.sf.net/project/libpng/libpng16/1.6.16/libpng-1.6.16.tar.xz
chenyiqidembp#

I don`t know how to init libpng

[JoachimHarris]

Still fixing the problem one year later 👯‍♂️

[bamacaerick]

I did this two things (based on previous comments):
brew install libpng and then npm install file-loader --save-dev and everything is running fine now.

[joshhead]

In addition to brew install libpng I also ran brew install automake and brew install nasm. Without those, the postinstall command for the mozjpeg npm package has errors building the native mozjpeg executables on my machine.