Express + Node.js Can't Get Image To Load

Very new to MEAN Stack and I'm using Brackets to edit .ejs views for a simple form app using Express tutorial. I'm trying load a static image and it just won't load. I'm getting

Solution 1:

Using the following static middleware:

app.use(express.static('public'));

and the following folder structure:

.
├── app.js
├── public
│   └── images
│       └── ggcbear.jpg
└── view
    ├── header.ejs
    └── image.ejs

your ggcbear.jpg will serve from /images/ggcbear.jpg:

<imgsrc="/images/ggcbear.jpg">