获取错误，包括handlebars.js

Question

我刚刚开始玩handlebars.js，并从handlebars.js中看到一个错误，这看起来很奇怪：“define is not defined”。如果有人能指出我的错误，我会非常感激。下面是我的代码片段，下面是chrome开发工具错误的图片。

<script id="entry-template" type="text/x-handlebars-template"> 
    <div class="entry"> 
     <h1>{{title}}</h1> 
     <div class="body"> 
      {{body}} 
     </div> 
    </div> 
</script> 

<script src="https://code.jquery.com/jquery-2.1.3.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.amd.js"></script> 

<script> 
    $(document).ready(function() { 
     var source = $("#entry-template").html(); 
     var template = Handlebars.compile(source); 
    }) 
</script> 

Answer 1

你引用的AMD文件的原因吗？如果不在这里，cdn不会抛出错误。

<script id="entry-template" type="text/x-handlebars-template"> 
 
    <div class="entry"> 
 
     <h1>{{title}}</h1> 
 
     <div class="body"> 
 
      {{body}} 
 
     </div> 
 
    </div> 
 
</script> 
 

 
<script src="https://code.jquery.com/jquery-2.1.3.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.js"></script> 
 

 

 
<script> 
 
    $(document).ready(function() { 
 
     var source = $("#entry-template").html(); 
 
     var template = Handlebars.compile(source); 
 
    }) 
 
</script>