车把4.0.2应该包括哪些源文件？
车把4.0.2应该包括哪些源文件？
提问于 2015-09-16 14:46:30
我刚刚开始使用Handlebars.js，我已经对我的HTML中应该包含什么内容感到困惑了。
我设置了一个最小的helloworl HTML文件，如下所示：
<html>
<body>
<script id="entry-template" type="text/x-handlebars-template">
<div class="entry">
<h1>{{title}}</h1>
<div class="body">
{{body}}
</div>
</div>
</script>
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/handlebars/handlebars.js"></script>
<script src="bower_components/handlebars/handlebars.runtime.js"></script>
<script type="text/javascript">
var source = $("#entry-template").html();
var template = Handlebars.compile(source);
var context = {title: "My New Post", body: "This is my first post!"};
var html = template(context);
document.write(html);
</script>
</body>
</html>我得到了以下错误：
[Error] TypeError: undefined is not a function (evaluating 'Handlebars.compile(source)')
global code (index.html, line 17)为了使这个最小的例子起作用，还应该包括哪些其他的依赖项？
使用的版本：
- jQuery 2.1.4
- 车把4.0.2
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-16 15:47:00
- 您对
bower_components/handlebars/handlebars.runtime.js的调用覆盖了bower_components/handlebars/handlebars.js设置的内容。 - 使用
handlebars.runtime.js意味着模板已经编译好了，因此您得到的Handlebars对象不包含compile函数。
删除<script src="bower_components/handlebars/handlebars.runtime.js"></script>，您应该可以使用：http://jsfiddle.net/nikoshr/dr3gwh7u/
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/handlebars/handlebars.js"></script>
<script type="text/javascript">
var source = $("#entry-template").html();
var template = Handlebars.compile(source);
var context = {title: "My New Post", body: "This is my first post!"};
var html = template(context);
$('body').append(html)
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32611917
复制相关文章
相似问题
腾讯云开发者
