獲取錯誤，包括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>