RequireJS + Backbone：导入视图模块与模型模块冲突

Question

我对Backbone有点新颖，在下面的代码中，当我使用RequireJS加载AceView时，我无法调用AceModel的构造函数。也就是说，如果我在snap.js中删除AceView参数传递回调函数，我可以调用new AceModel()，它可以工作，但如果我有AceView，那么构造函数将失败，并显示错误：TypeError: Cannot call method 'get' of undefined。

这是怎么回事？

视图/ snap.js

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'models/Panel', 
    'models/ace', 
    'views/ace', 
    'views/panel' 
], function ($, _, Backbone, Panel, AceView, AceModel, PanelView) { 
    'use strict'; 

    var SnapView = Backbone.View.extend({ 

     initialize: function() { 
      this.el = '#snap'; 
      this.$el = $(this.el); 
      this.$elLoadSbml = this.$el.children().find('div#loadSbml'); 
      this.loadSbmlView = new AceView({ 
       el: this.$elLoadSbml[0], 
       model: new AceModel({mode: 'monokai'}) 
      }); 
     }, 

    }); 

    return SnapView; 
}); 

的意见/ ace.js

define([ 
    'jquery', 
    'underscore', 
    'backbone' 
], 
    function($, _, Backbone) { 
     'use strict'; 

     var AceView = Backbone.View.extend({ 
      initialize: function() { 
       this.editor = ace.edit(this.el); 
       this.editor.setTheme("ace/theme/" + this.model.get('theme')); 
       this.editor.getSession().setMode("ace/mode/" + this.model.get('mode')); 
       this.render(); 
      }, 

      render: function() { 
       $(this.el).height(this.model.get('height')); 
       $(this.el).width(this.model.get('width')); 
       this.editor.resize(); 
      } 
     }); 
     return AceView; 
    }); 

型号/ ace.js

define([ 
    'jquery', 
    'underscore', 
    'backbone' 
], function ($, _, Backbone) { 
    'use strict'; 

    var AceModel = Backbone.Model.extend({ 
     defaults: { 
      height: 800, 
      width: 400, 
      theme: 'github', 
      mode: 'xml' 
     } 
    }); 

    return AceModel; 
}); 

Answer 1

看来你有一个小错误的顺序您的进口：

'jquery', -> $, 
'underscore', -> _ 
'backbone', -> Backbone 
'models/Panel', -> Panel 
'models/ace', -> AceView 
'views/ace', -> AceModel 
'views/panel -> PanelView 

已经兑换models/ace和views/ace