EJS为什么提示EJS is not a function呢??

发布于 2022-09-01 23:28:48 字数 775 浏览 26 评论 0

index.html

<script>
    var data = '{"title":"cleaning","supplies":["mop","broom","duster"]}'; 
    var html = new EJS({url: '/header.ejs'}).render(JSON.parse(data));
    console.log(tel);
</script>

header.ejs(和上边那个文件在同一个目录下)

<h1><%=title %></h1>
<ul>
    <% for(var i=0; i<supplies.length; i++) { %>
        <li>
            <a href='supplies/<%=supplies[i] %>'>
                <%= supplies[i] %>
            </a>
        </li>
    <% } %>
</ul>

我在顶部有引用js/ejs.js的~~~这是为什么呢??
图片描述

这个是直接打印的ejs

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

过期以后 2022-09-08 23:28:48

ejs是这个http://www.embeddedjs.com/index.html
一般的ejs的指这个 https://github.com/tj/ejs

那你提到的ejs,做了个例子,运行没有问题
注意文件的放置的目录位置
样例文件,都在同一个目录下
html文件和pjs.js,header.ejs在同一个目录下

<!DOCTYPE html>
<html>
<head>
    <title>width offsetwidth clientWidth</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="ejs.js"></script>
    <script>
        var data = {"title":"cleaning","supplies":["mop","broom","duster"]};
        var html = new EJS({url: 'header.ejs'}).render(data);
        console.log(html);
    </script>
</head>
<body>
</div>
</body>
</html>
野却迷人 2022-09-08 23:28:48

ejs.js 是这么用的吧:

var html = ejs.compile(template)(data);
世态炎凉 2022-09-08 23:28:48

目测是题主访问是通过file://来的,然后就无法读取模板文件导致的。

可以用npm装一个http-server然后再做测试。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文