Cannot load images

[tatemz]

I added this line into home.jsx after a fresh clone:

import testImage from '../images/test.png';

And I got this error after running gulp dev:

Register plugins failed { SyntaxError: ... Development/node/electrode-boilerplate-universal-react-node/client/images/test.png: Unexpected character '�' (1:0)...

[jchip]

Thanks, a few issues in the generator have been fixed and this was one of them, but the boilerplate still has them since it was generated a while back. Will be manually fixing this boilerplate soon.

[jchip]

the material-ui sample app actually has the image fix https://github.com/electrode-io/electrode-react-sample-material-ui

[jchip]

To get isomorphic images working, update server/index.js with this https://github.com/electrode-io/electrode-react-sample-material-ui/blob/master/server/index.js#L38-L40.

[ananavati]

fixed in
pr: #32

https://github.com/electrode-io/electrode-boilerplate-universal-react-node/blob/master/server/index.js#L58-L60

[rbudiharso]

The isomorphic loader works only for development, it doesn't run after you run gulp build and gulp server-prod the images are not showing. Here's how to reproduce it:

git clone https://github.com/electrode-io/electrode-boilerplate-universal-react-node.git
cd electrode-boilerplate-universal-react-node
npm install
gulp build
NODE_ENV=production gulp server-prod

[EternallLight]

Hi,

I'm having a similar issue with electrode on Mac out of the box with a new app with totally default settings:

<my project path>/src/client/images/electrode.png: Unexpected character '�' (1:0)
> 1 | �PNG
    | ^
  2 | 
  3 | 
  4 | IHDRHU�GgAMA��

I tried other PNG or JPG files and they all cause the same error.

Node JS version: v9.11.2

What can you suggest to resolve the issue?

[thiagoneves]

I´m facing the same problem.

<my project path>/src/client/images/electrode.png: Unexpected character '�' (1:0)

How can i fix it?

[EternallLight]

@thiagoneves

For me, it was because I tried to used Express instead of Hapi. With Hapi, I also had that error, but at some point it was gone, and I don't know what changed. It just started working for all newly generated projects.