时间戳

首页 > 解决方案 > 更新 npm 包后出现“SyntaxError: Unexpected token '/' in...index.ejs while compiling ejs”错误

javascript - 更新 npm 包后出现“SyntaxError: Unexpected token '/' in...index.ejs while compiling ejs”错误

问题描述

我刚刚更新EJS了2.7.4 to 3.1.5项目中的其他一些软件包。这样做后，我无法访问任何网页，而是出现错误。显然所有页面都会引发相同的错误。除此之外，我的 ejs 模板中的一些代码中出现了 VS Code 错误，这在以前并不重要。我的意思是在我更新所有 npm 包并且应用程序运行良好之前，错误就已经存在。

这是端点：

router.get("/", async (req, res) => {

    try{
        const url           = `http://api.example.co/?key=${process.env.API_KEY}`;
        const fullData      = await axios.get(url);
        
        res.render("../views/index", {data: fullData});
    }catch(err) {
        res.render("../views/index", {data: null});
    }
    
});

这是错误： 在此处输入图像描述

这就是我在我的 ejs 模板中获取数据的方式：

<% if(data){ %> 
    Name <%= data.name %>        
<% } %>

这是我的 ejs 模板中我的脚本标签中的代码，显示红色下划线： 在此处输入图像描述

<script type="text/javascript" >
    <% if(data) { %>
    var map = L.map('map').setView([<%= data.latitude %>, <%= data.longitude %>], 11);
    var marker = L.marker([<%= data.latitude %>, <%= data.longitude %>]).addTo(map);

    L.tileLayer('https://api.maptiler.com/maps/streets/{z}/{x}/{y}.png?key=boomBoomBoomm', {
    attribution: '<a href="https://www.maptiler.com/copyright/" target="_blank">&copy; MapTiler</a> <a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap contributors</a>'
}).addTo(map);
    <% } %>
</script>

可能是什么问题？难道我做错了什么？某些内容的更新是否与其他内容发生冲突？请帮忙！

标签： javascriptnode.jsexpressnpmejs

解决方案

发现了问题。显然，较新版本的 EJS 需要以与以前不同的方式包含页眉和页脚的部分内容。

所以改变这个：

<% include ./partials/header %>

至

<%- include ("./partials/footer") %>

解决了这个问题。

推荐阅读