無法讀取的不確定

財產「查看」這是我第一次使用require.js與骨幹，我努力尋找我的觀點的問題：無法讀取的不確定

Cannot read property 'View' of undefined // search.js:8

我的目錄結構是：

. 
├── index.php 
└── js 
   ├── app.js 
   ├── lib 
   │   ├── backbone.js 
   │   ├── backbone-min.js 
   │   ├── jquery-min.js 
   │   ├── require.js 
   │   └── underscore-min.js 
   ├── main.js 
   ├── model 
   ├── router.js 
   ├── text.js 
   └── view 
    ├── error.js 
    └── search.js

我main.js：

require.config({ 
    paths: { 
    jquery: 'lib/jquery-min', 
    underscore: 'lib/underscore-min', 
    backbone: 'lib/backbone-min', 
    templates: '../templates' 
    } 

}); 

require([ 
    'app' 
], function(App){ 
    App.initialize(); 
});

我app.js：

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'router', // Request router.js 
], function($, _, Backbone, Router){ 

    var initialize = function(){ 
    // Pass in our Router module and call it's initialize function 
    Router.initialize(); 
    } 

    return { 
    initialize: initialize 
    }; 
});

我router.js：

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'view/search', // requests view/search.js 
], function($, _, Backbone, SearchView){ 

    var AppRouter = Backbone.Router.extend({ 
    routes: { 
     "": "home" 
    } 
    }); 

    var initialize = function(){ 
    var app_router = new AppRouter; 
    app_router.on('route:home', function(){ 
     var homeView = new SearchView(); 
     homeView.render(); 
    }); 
    Backbone.history.start(); 
    }; 
    return { 
    initialize: initialize 
    }; 
});

和我的view/search.js：

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'text!templates/search.html' 
], function($, _, Backbone, searchTemplate){ 

    // console.log($,_,Backbone); 

    var SearchView = Backbone.View.extend({ 
    ... 
    }); 

    return SearchView; 
});

當我註釋掉上面的console.log，既_和Backbone是undefined但$不是。我錯過了什麼？我所有的lib文件都是最新版本。

來源

2012-12-19 Michelle

Backbone和Underscore不符合AMD標準。默認情況下，它們不提供與RequireJS兼容的接口。

在過去的版本中，RequireJS provide a useful way to solve the problem：

你main.js：

require.config({ 
    shim: { 
    underscore: { 
     exports: '_' 
    }, 
    backbone: { 
     deps: ['underscore', 'jquery'], 
     exports: 'Backbone' 
    } 
    }, 
    paths: { 
    jquery: 'lib/jquery-min', 
    underscore: 'lib/underscore-min', 
    backbone: 'lib/backbone-min', 
    templates: '../templates' 
    } 

}); 

require([ 
    'app' 
], function(App){ 
    App.initialize(); 
});

來源

2012-12-19 02:31:23 BAK

謝謝爲了節省我的一天先生！ BTW，下劃線也需要導出。 – Michelle

的確，我會加上它。 – BAK

爲了延長比克的答案，你需要提供的baseUrl太：

require.config({ 
    baseUrl: 'js', 
... 
});

來源

2012-12-20 12:27:57 asgoth

無法讀取的不確定

回答

相關問題