Javascript Handlebar 4.0.2应包含哪些源文件？_Javascript_Handlebars.js

Javascript Handlebar 4.0.2应包含哪些源文件？

javascript

Javascript Handlebar 4.0.2应包含哪些源文件？,javascript,handlebars.js,Javascript,Handlebars.js,我刚刚开始使用handlebar.js，我已经对HTML中应该包含的内容感到困惑我设置了一个最小的helloworl HTML文件，该文件如下所示： <html> <body> <script id="entry-template" type="text/x-handlebars-template"> <div class="entry"> <h1>{{title}}</h1> <

我刚刚开始使用handlebar.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>

要使这个最小的示例工作，还应该包括哪些其他依赖项

使用的版本：

jQuery 2.1.4
车把4.0.2

您对

bower\u components/handlebar/handlebar.runtime.js的调用将覆盖bower\u components/handlebar/handlebar.js设置的内容


使用handlebar.runtime.js
意味着您的模板已经编译，因此您得到的handlebar
对象不包含compile
函数
删除
，您就可以开始了：

var source=$（“#条目模板”）.html（）；
var template=handlebar.compile（源代码）；
var context={title:“我的新帖子”，body:“这是我的第一篇帖子！”；
var html=模板（上下文）；
$（'body'）.append（html）

您对bower\u components/handlebar/handlebar.runtime.js的调用将覆盖bower\u components/handlebar/handlebar.js设置的内容

使用handlebar.runtime.js
意味着您的模板已经编译，因此您得到的handlebar
对象不包含compile
函数
删除
，您就可以开始了：

var source=$（“#条目模板”）.html（）；
var template=handlebar.compile（源代码）；
var context={title:“我的新帖子”，body:“这是我的第一篇帖子！”；
var html=模板（上下文）；
$（'body'）.append（html）
Wow。其实很简单。Handlebar的安装说明非常不清楚：“Handlebar.js和Handlebar.runtime.js是主要的源文件，但是这个组件中还有很多其他选项。”（所以我认为这两个都是必需的）哇。其实很简单。Handlebar的安装说明非常不清楚：“Handlebar.js和Handlebar.runtime.js是主要的源文件，但是这个组件中还存在许多其他选项。”（所以我认为这两个都是必需的）
[Error] TypeError: undefined is not a function (evaluating 'Handlebars.compile(source)')
global code (index.html, line 17)

<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>