javascript - RequireJS 不加载依赖项

Question

问题:require.js 将我的模块加载为 undefine。

简要说明:如果您查看 main.js 文件，您将看到它具有 TodoItem 依赖项。它是未定义。关键还在于 TodoItem 模块的主体永远不会被调用。

问题:为什么 require.js 不执行 TodoItem 主体并加载 undefine？

我的结构:

index.html
js/
 |-main.js
 |-app/
   |-TodoItem.js
 |-libs/
  |-backbone
  |-requirejs
  |-underscore

main.js

require([
    'app/TodoItem'
], function (TodoItem) {
   //PROBLEM: TodoItem is 'undefined'
});

TodoItem.js

define('TodoItem', [], function() {

    //Body is never called!

    var TodoItem = Backbone.Model.extend({
        validate: function(attrs, options) {
            if (!attrs.todoMessage)
            return 'TodoItem without todo message';
        }
    });
    return TodoItem;
});

Answer 1

app/TodoItem.js

define([], function() {
    // backbone model etc..
});

不要命名你的模块，requireJS 将使用文件夹结构来选择它。在这种情况下，requireJS 将从 app/TodoItem.js 中获取它。

如果您使用优化器，它会自动为您命名。