javascript - 如何将 Handlebars 与 RequireJS 一起使用

Question

我遇到了以下错误:

Uncaught TypeError: Cannot call method 'compile' of undefined.

RequireJS 配置:

requirejs.config({
    baseUrl: "resources",
    paths: {
        'app':'lib',
        'jquery': 'lib/jquery-1.9.1',
        'bootstrap': 'lib/bootstrap',
        'html5shiv': 'lib/html5shiv',
        'spin': 'lib/spin',
        'respond': 'lib/respond',
        'underscore': 'lib/underscore',
        'backbone': 'lib/backbone',
        'handlebars': 'lib/handlebars-v3.0.3',
        'template': 'app/templates'
    },
    shim: {
        html5shiv: {
            deps: ['jquery']
        },
        respond: {
            deps: ['jquery']
        },
        bootstrap: {
            deps: ['jquery']
        },
        jquery: {
            exports: '$'
        },
        underscore: {
            exports: '_'
        },
        backbone: {
            deps: ['jquery', 'underscore'],
            exports: 'Backbone'
        },
        handlebars: {
            exports: "Handlebars"
        }
    }
});

require([
    'jquery',
    'underscore',
    'backbone',
    'handlebars',
    'app/Router'
], function($,
            _,
            Backbone,
            Handlebars,
            Router) {
    var router = new Router();
    Backbone.history.start();
});

查看:

define([
  'backbone',
  'handlebars',
  'text!templates/mytemplate.html'
], function(Backbone, Handlebars, Template){

    MyView = Backbone.View.extend({
        tagName: 'li',
        template: Handlebars.compile(Template),

        render: function() {
            this.$el.html(this.template(this.model.toJSON()));
            return this;
        }
    });

    return MyView;
});

Answer 1

shim 适用于不支持 AMD 的库。您使用的 Handlebars 版本可能支持 AMD，并且没有定义名为 Handlebars 的全局变量。因此你会得到错误。尝试从 shim 中删除 handlebars 配置。