Question

虽然正确显示{{post.story}}，但未加载图像。控制台显示404 error。

我的homepage.hbs包含以下代码：

{{#each data as |post|}}
     //dispayed correctly
     {{post.story}}
     //not being displayed
     <img src= {{post.image}}>
{{/each}}

Answer 1

您需要将img src包装在一个字符串中。

<img src="{{post.image}}">

Answer 2

作为替代方案，您可以为快速中间件指定静态文件夹，以查找图像，css文件等静态内容。

将以下代码粘贴到您定义了快速中间件（通常是app.js或server.js）的位置

// create an instance of express module
const express = require('express');

const app = express();
app.use(express.static('<path of the directory>'));

此处的目录名称应为此类静态文件所在的目录。

希望有帮助！

无法通过模板手柄加载图像

2 个答案: