EJS 在尝试嵌入数据时显示红色标记答案

【问题标题】：EJS shows red mark when trying to embed dataEJS 在尝试嵌入数据时显示红色标记
【发布时间】：2020-02-15 13:25:24
【问题描述】：

我有这个带有 express 的节点服务器，它将数据定向到不同的文件，如 .ejs 文件，它以前工作过，但我不知道我做了什么，所以它不起作用，它将每个 ejs 的“

    var app = express();
app.set('view engine', 'ejs');


app.get('/', function(req, res){
    res.send("Hello wassup");
});

app.get('/homepage/:name', function(req,res){
    res.render('home', {fullname : req.params.name});
});

app.get('/profile/:name', function(req, res){
    var data = {Dummytext: "hey yo wassup and all that yea imma be right here tho",
        hobbies : ['baskeall','computing','drawing', 'Learning', 'Driving'] };
    res.render('profile', {fullname: req.params.name, data:data});
});

app.listen(4000);

例如，我有这个不起作用的 ejs 文件

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>bla</title>
    <link rel="stylesheet" type="text/css" href="partials/nav.css">
</head>
<body>

<% include partials/nav.ejs %>

<div class="user-info">
    <div class="user-about">
        <div class="user-name"><span><%= fullname %></span></div>
        <div class="user-info_">
            <div class="userimg">
            <img src="/YDSign.png" alt="User profile" draggable="false" />
            </div>
            <div class="user-speech"><p><%= data.Dummytext%></p></div>
        </div>
    </div>
    <div class="user-button">
        <button type="button" class="friendAdd">Add Friend</button>
        <button type="button" class="friendBell">Bell</button>
    </div>
    <div class="user-hobbies">
        <div class="hobbies-list">
            <h1>Hobbies</h1>
            <div class="Upscroll"><img src="/iconList/ArrowUp.png" draggable="false"/></div>
            <ul>
                <% data.hobbies.forEach(function(item){ %>
                    <li><a><%= item %></a><img src="iconList/Hobbies.png" class="ident" /></li>
                <% }); %>
            </ul>
            <div class="Downscroll"><img src="/iconList/ArrowDown.png" draggable="false" /></div>
        </div>
    </div>
</div>

【问题讨论】：

标签： node.js express visual-studio-code ejs

【解决方案1】：

一切都很好。

你只需在 VSCode 中安装插件EJS language support。只需点击CTRL+SHIFT+X，然后在搜索栏中输入ejs，然后安装第一个即可。

这对我有用。

【讨论】：