我想包括应用程序实例来使用它的事件聚合器显示在这里
我得到一个错误,当我包括一个视图实例。
在Requirejs配置文件踢东西了,从App.Bootloader.js:
require(['App'], function (App){
App.start();
});
从App.js:
define(function (require){
//...requisite includes $, _, Backbone, Marionette ...
var Layout = require('Layout');
var App = new Marionette.Application();
App.addRegions({
main: '#view_content'
});
App.addInitializer(function (){
App.main.show(new Layout());
//... adding router etc ...
Backbone.Marionette.TemplateCache.loadTemplate = function (template, callback){
callback.call(this, Handlebars.compile(template));
};
Backbone.history.start();
});
return App;
});
从Layout.js:
define(function(require){
var View = require('folder/folder/View');
//template contains #sub div
var template = require('text!template.html');
return Marionette.Layout.extend({
template: template,
regions: {
sub: '#sub'
},
initialize: function(){
//wait till template is rendered in dom
_.defer(function(region){
region.sub.show(new View());
}, this)
}
});
});
从/folder/folder/View.js:
define(function (require){
//...requisite includes $, _, Backbone, Marionette ...
var App = require('App');
return Marionette.ItemView.extend({});
});
在那里我得到错误“'错误:模块名称‘尚未加载应用程序’却为背景:_”
有任何想法吗? 还是让我知道,如果你需要更多的信息。
我也期待利用木偶和require.js与这种情况下,处理的好方法
我已经在一个解决方案的工作,但我不知道这是否是最好的方法,这里是我的想法:
- 该应用程序已连接到事件的操作,无需了解意见
- 在视图中我们使用触发器附加动作事件
- 的视图和应用程序之间的动作的连接的视图内制成
这是一个可能的解决方案:
app.js
define( [ 'underscore', 'jquery', 'backbone', 'marionette' , 'view'],
function( _, $, Backbone, Marionette, View ) {
var app = new Marionette.Application();
app.addRegions({ content: '#content'})
app.on( "initialize:after", function(){
console.log( 'after init', app)
var view = new View();
app.content.show( view );
});
// this is the action that we would like to call from the view
app.vent.on( 'viewClick', function(){ console.log( 'clicked on view' )})
return app;
});
view.js
define( [ 'underscore', 'jquery', 'backbone', 'marionette' ],
function( _, $, Backbone, Marionette ) {
var View = Marionette.ItemView.extend({
template: '#view',
triggers: {
'click': 'clicked'
},
initialize: function(){
// thisView will be referring to the view instance
var thisView = this;
// we require the app because we need access to the event aggregator
require(['app'], function( app ){
// when our event is triggered on our view
thisView.on( 'clicked', function(){
// we trigger an event on the application event aggregator
app.vent.trigger( 'viewClick' )
});
});
}
})
return View
});
需要记住的是需要是异步的,所以当我们使用这样它不会被立即执行是非常重要的:
require( ['some-module'], function( someModule ){
// do something, but only as soon as someModule is loaded
});
我们可以编写对象至极点到外部环境,就像这样:
var thisName = this;
require( ['some-module'], function( someModule ){
// access to external this using thisName
});
我猜你有一个问题循环依赖 。 App
需要View
和View
需要App
。 嗯......但是,为什么View
需要App
? 我无法从你的代码看着办吧。 最后,你确定View
需要App
? 顺便说一句,我想你拼写错误。 首先From /folder/folder/View.js
大概应该是From Layout.js
。
user1248256是正确的。 我有同样的问题。 我的应用需要一个控制器和我控制器所需的应用程序。
通过在控制器(查看您的代码)通过作为选项的一部分,我没有将它添加到require.js定义。
//data-main:
define(function(require) {
var $ = require("jquery"),
_ = require("underscore"),
App = require("app/App"),
PublicRouter = require("routers/DesktopRouter"),
PublicController = require("routers/publicController");
var options = {
publicController : PublicController,
publicRouter : PublicRouter
}
App.start(options);
});
现在,在应用程序我没有“规定”的PublicController
//App:
define(['jquery', 'backbone', 'marionette', 'underscore'],
function ($, Backbone, Marionette, _) {
var App = new Marionette.Application();
...snip...
console.log("Creating Routers");
App.Routers = {};
// Connect controllers to its router via options
// init router's router/controller
App.Routers.publicRouter = new options.publicRouter.Router({
controller: options.publicController
});
});
希望帮助。
安德鲁
我一般认为这是不好的做法使用requireJS时,如果没有其他原因,而不是它真的很容易与循环引用拉闸使用的应用程序的EventAggregator。
只是定义可通过应用程序,视图和布局需要一个单独的EventAggregator模块,然后将其添加到任何需要它的模块的依赖关系。
文章来源: Backbone Marionette: Marionette.Application causing Require.js module load error, “'Error: Module name 'App' has not been loaded yet for context: _”