私は次のチュートリアルに従っています:
http://javascriptplayground.com/blog/2012/07/requirejs-amd-tutorial-introduction
私は基本的に「jquery」と「アンダースコア」を必要とする単純なテンプレート モジュールを作成しています。
これが私のapp.jsです
require.config({
paths: {
"jquery": "https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min",
"underscore": "http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.3/underscore-min"
}
});
require(['template'], function(template) {
//Template is undefined
console.log(template);
});
これが私のtemplate.jsです
define(['underscore', 'jquery'], function()
{
var showName = function(n)
{
var temp = _.template("Hello <%= name %>");
$("body").html(temp({name: n}));
};
return
{
showName: showName
};
});
すべてのスクリプトが Google Chrome のネットワーク タブ経由でプルされていることを確認しましたが、テンプレート コールバックが定義されていません。
編集:エラーは{
、別の行での return が原因のようです。私はこれまでJavaScriptでこれに遭遇したことはありません...これに関するルールはありますか?