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

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

ejs.js 是这么用的吧：

var html = ejs.compile(template)(data);

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

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

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>

【热门文章】