Question

目前我正在使用带有把手的烧瓶用于javascript。由于某种原因，我得到'定义未定义'和'车把未定义'。有人可以给我一些见解吗？

HTML

<!DOCTYPE html>
<html>

<head>
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.10/handlebars.amd.js" integrity="sha256-cEkEXgRFO7XYdrN1VzwFPP5zTTOxXJ2Xo6HoZos61Cs=" crossorigin="anonymous"></script>
</head>

        <body>
           <script id="header" type="text/x-handlebars-template">
             <div> {{ headerTitle }} </div>
              Today is {{weekDay}}
           </script>
            <script src="{{ url_for('static', filename='script.js') }}"></script>
        </body>
    </html>

JS

$(function(){

var theData = {headerTitle:"Shop Page",
                    weekDay:"Wednesday"};
    var theTemplateScript = $("#header").html();
    var template = Handlebars.compile(theTemplateScript);
    var html = template(theData);

    console.log(html);

});

Answer 1

这是handlebars.js文件的构建问题。如果查看该文件，您将看到许多不同文件的相对路径以及import语句。

使用此文件使其正常工作 - https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.10/handlebars.js

为什么我在尝试编译时没有定义Handlebars？

1 个答案: