Handlebars.js 不会 compile/output 我的 template/data

Question

我正在尝试 Handlebars.js 并尝试编译一个小模板。我只使用 Handlebars.js，仅此而已。我在我的计算机上本地工作，而不是通过任何形式的服务器。

我的 "html" 看起来像这样。没什么特别的。

<!doctype html>
<html>
    <head>
        <script src="js/vendor/handlebars.min-4.0.4.js"></script>
    </head>
    <body>
        <script id="menu-template" type="text/x-handlebars-template">
            <h1>{{title}}</h1>
        </script>


        <section id="menu">

        </section>


        <script src="js/menu.js"></script>
    </body>
</html>

而我的 JS 是

var source = document.getElementById('menu-template').innerHTML;
var template = Handlebars.compile(source);
var data = {title: "test"};

document.getElementById('menu').innerHTML = template(data);

似乎 template() 没有 return 任何东西，除了看起来像空字符串之外，我没有得到任何结果。

我已经研究了几个小时并在互联网上搜索答案但没有结果。

我是不是做错了什么？

// 编辑添加了 html 页面的其余部分。

Answer 1

代码似乎正确，只需确保 Handlebars.js 文件正确包含在现有脚本标记之前。

Handlebars CDN 参考：https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.4/handlebars.js

Handlebars.js 不会 compile/output 我的 template/data

Handlebars.js wont compile/output my template/data

javascript

handlebars.js

template-engine