Я создаю галерею изображений в узле js, используя express и ejs. Ниже приведен код моего приложения. Js
var express = require('express');
var app = express();
app.set("view engine", "ejs");
app.get("/", function(req, res){
res.render("welcome");
});
app.get("/campground", function(req, res){
var campground = [
{name : "Salmon Creek", image :
"http://www.onguma.com/uploads/1/1/7/5/117537555/201604-aoba-
935_2_orig.jpg"},
{name : "Granite Hill", image : "https://d2y0su6ixv655t.cloudfront.net/wp-
content/uploads/2014/07/16115316/BR15102803V_069.jpg"},
{name : "Mountain Goat's Rest", image :
"https://www.colorado.com/sites/default/files/styles/1000x685/public/TroutLakeCamping_DC2.jpg?itok=2UO32aZ_"}];
res.render("campground", {campground:campground});
});
app.listen(5000, function(){
console.log("Server has been started");
})
Теперь для кемпинга есть файл ejs
Это страница для лагеря
<% campground.forEach(function(camp){ %>
<div>
<h4><%= camp.name %></h4>
<img src="<%= camp.image %>">
</div>
<% >})%>
<a href="/">Home Page</a>
Узел сбивает с толку%> для скобок тега img в теге изображенияв строке выше
и генерируется следующая ошибка
SyntaxError: Unexpected token > in
/projects/Backendt/YelpCamp/views/campground.ejs while compiling ejs
If the above error is not helpful, you may want to try EJS-Lint:
https://github.com/RyanZim/EJS-Lint
Or, if you meant to create an async function, pass async: true as an
option.
at new Function (<anonymous>)
at Template.compile
(/projects/Backendt/YelpCamp/node_modules/ejs/lib/ejs.js:618:12)
at Object.compile
(/projects/Backendt/YelpCamp/node_modules/ejs/lib/ejs.js:389:16)
at handleCache
(/projects/Backendt/YelpCamp/node_modules/ejs/lib/ejs.js:212:18)
at tryHandleCache
(/projects/Backendt/YelpCamp/node_modules/ejs/lib/ejs.js:251:16)
at View.exports.renderFile [as engine]
(/projects/Backendt/YelpCamp/node_modules/ejs/lib/ejs.js:482:10)
at View.render
(/projects/Backendt/YelpCamp/node_modules/express/lib/view.js:135:8)
at tryRender
(/projects/Backendt/YelpCamp/node_modules/express/lib/application.js:640:10)
at Function.render
(/projects/Backendt/YelpCamp/node_modules/express/lib/application.js:592:3)
at ServerResponse.render
(/projects/Backendt/YelpCamp/node_modules/express/lib/response.js:1008:7)
** Пожалуйста, скажите мне, как вставить изображение, используя код ejs для случая выше