Express+EJS项目传递数组到JS函数时出现Uncaught SyntaxError: missing ] after element list错误

嘿，这个问题我之前也踩过坑！核心原因是你直接用<%= mess %>输出数组时，EJS会默认调用数组的toString()方法，把它转成类似[object Object],[object Object]的字符串——这玩意儿在JavaScript里根本不是合法的数组格式，浏览器解析自然就会报括号缺失的语法错误。

给你两个简单靠谱的解决办法，选哪个都行：

方法一：在EJS里直接转成JSON字符串（推荐） #

把你的脚本代码改成这样：

<main>  

<script>populateMultiMessages( <%- JSON.stringify(mess) %> )</script> 
</main>

这里有两个关键细节：

• JSON.stringify(mess)会把你的数组转换成标准的JSON格式字符串，比如[{"type":"info","text":"xxx"},{"type":"success","text":"yyy"}]，这是JS能直接识别的数组结构
• 用<%- %>而非<%= %>，因为<%= %>会自动转义HTML字符（比如把双引号变成"），转义后的JSON字符串JS根本解析不了，<%- %>会输出原始的JSON内容

方法二：在后端提前转成JSON字符串 #

如果你想在后端处理好再传给模板，也可以把messages先转成JSON：

try {
    let result = await servCollections.prepareDataForListCollections();
    let colls = result.data;
    let messages = result.messages;
    // 提前转成JSON字符串
    let messJson = JSON.stringify(messages);
    res.render('../views/pages/listcollections', { daten: colls, mess: messJson });
} catch (err) {
    console.error(`Error while getting collections `, err.message);
    next(err);
}

然后EJS里依然要用<%- mess %>（不能用<%= %>，避免转义）：

<script>populateMultiMessages( <%- mess %> )</script>

两种方法本质都是把数组转换成JS能正确识别的JSON格式，你试一下应该就能解决这个语法错误啦！

备注：内容来源于stack exchange，提问作者mollpete