预编译模板的 Dust.js 客户端渲染问题答案

【问题标题】：Dust.js client-side rendering issue with precompiled template预编译模板的 Dust.js 客户端渲染问题
【发布时间】：2014-08-05 13:32:04
【问题描述】：

我正在尝试使用预编译的灰尘模板测试一个简单的客户端渲染，但是当我尝试渲染时，灰尘抱怨它找不到我的模板：

[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.render('basicName.tl', ...

标签： javascript dust.js client-side-templating

【解决方案1】：

如果仔细看编译的灰尘模板，有一行代码：

... 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) {
...

【讨论】：