预编译模板出现Dust.js客户端渲染问题

Dust.js client-side rendering issue with precompiled template

本文关键字：客户端 js 问题 Dust 编译      更新时间：2023-09-26

我正试图用预编译的dust模板测试一个简单的客户端渲染，但当我尝试渲染时，dust抱怨找不到我的模板：

[DUST WARN]: Chunk error [Error: Template Not Found: basicName] thrown. Ceasing to render this template.

我的页面如下：

<!DOCTYPE html>
<html lang="en-US">
<head>
    <script type="text/javascript" src="dust-full-2.4.js"></script>
    <script type="text/javascript" src="basicName.js"></script>
</head>
<body>
    <div id="dustContainer"></div>
    <script>
        var json_payload = { "name": {
            "firstName" : "Brock",
            "lastName" : "Sampson"
        }};
        var dustContainerDiv = document.getElementById("dustContainer");
        dust.render("basicName", json_payload, function(err, out) {
                dustContainerDiv.innerHTML = out;
        });
    </script>
</body>
</html>

我的模板文件(basicName.tl(：

<p>{name.firstName}</p><p>{name.lastName}</p>

编译到此(basicName.js(：

(function(){dust.register("basicName.tl",body_0);function body_0(chk,ctx){return chk.write("<p>").reference(ctx.getPath(false, ["name","firstName"]),ctx,"h").write("</p><p>").reference(ctx.getPath(false, ["name","lastName"]),ctx,"h").write("</p>");}return body_0;})();

我已经使用客户端模板编译测试了这个相同的模板/有效负载/html，一切都很好。为了能够使用预编译的模板，我缺少了什么？

如果您仔细查看已编译的dust模板，有一行代码：

... dust.register("basicName.tl", ...

这行代码将键"basicName.tl"下的已编译模板添加到dust.cache中。

在引擎盖下，dust.render将尝试在dust.cache 中找到给定的模板名称

下面的代码不起作用，因为灰尘在dust.cache:中找不到"basicName"模板

dust.render("basicName", json_payload, function(err, out) {
...

这样称呼应该有效：

dust.render("basicName.tl", json_payload, function(err, out) {
...
相关文章：