找不到与“

Question

我正在尝试使用ejs访问从服务器传递到客户端的变量

我的服务器文件：

router.get('/', function (req, res, next) { res.render('chat', {user: req.user, message: null}); });

我的客户档案：<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" const="text/html;charset=UTF-8"/>
    <link href="http://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
    <title>Simple Chat App</title>
</head>

<body>
<header>
    <h1>Super Chat</h1>
</header>

<section>
    <div id="change_username">
        <input id="username" type="text"/>
        <button id="send_username" type="button">Change username</button>
    </div>
</section>

<section id="chatroom">
    <section id="feedback"></section>
</section>


<section id="input_zone">
    <input id="message" class="vertical-align" type="text"/>
    <button id="send_message" class="vertical-align" type="button">Send</button>
</section>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
    <% var user = <% user %> %>
    console.log(user);
</script>
<script src="chat.js"></script>
</body>
</html>

我收到一个错误：

Could not find matching close tag for "<%".

我该如何解决？

Answer 1

<% var user = <% user %> %>

您不能嵌套<% %>块。您处于EJS模式之内还是之外。您无法进入Extra Deep EJS模式。
此外，您也不能只将变量输出到客户端JS。您需要从该变量生成JavaScript源代码。 JSON.stringify是从对象，数组和字符串生成对象，数组和字符串文字的好方法。<script>
    const user = <%- JSON.stringify(user); %>
    console.log(user);
</script>

请注意，使用<%-进行输出时不会转义HTML。

Answer 2

问题出在这里，您只需要替换模板中用户的值即可。

var user = "<%=user%>" // Please change this line

更新的代码
 <!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" const="text/html;charset=UTF-8"/>
    <link href="http://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
    <title>Simple Chat App</title>
</head>

<body>
<header>
    <h1>Super Chat</h1>
</header>

<section>
    <div id="change_username">
        <input id="username" type="text"/>
        <button id="send_username" type="button">Change username</button>
    </div>
</section>

<section id="chatroom">
    <section id="feedback"></section>
</section>


<section id="input_zone">
    <input id="message" class="vertical-align" type="text"/>
    <button id="send_message" class="vertical-align" type="button">Send</button>
</section>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
    var user = "<%= user %>" // problem is here 
    console.log(user);
</script>
<script src="chat.js"></script>
</body>
</html>
希望对您有帮助。

Answer 3

它表示找不到ejs模板的结束标记。您不需要在脚本中使用周围的ejs模板符号。

<script type="text/javascript"> var user = '<%= user %>' console.log(user); </script>

尝试一下。祝好运。 ：）

Answer 4

在@Quentin评论后更新。

使用var user = <%- `${user}` %>

user是您要传递给模板的唯一变量，因此仅应将其放置在<%- %>中。并且由于它必须是有效的javascript表达式，因此请使用模板文字。

<%

<%=将值输出到模板中（转义HTML）
<%-将未转义的值输出到模板中

参考：https://ejs.co/

找不到与“

问题描述投票：0回答：4

4个回答

最新问题

找不到与“

问题描述 投票：0回答：4

4个回答

最新问题

问题描述投票：0回答：4