骨干未定义

Question

我在require.js中使用backbone.js。我想一个教程，这是我的index.html：

<script src="app/script/libs/require/require.js" data-main="app/script/main" type="text/javascript"></script> 
<script src="app/script/router.js" type="text/javascript"></script> 


<script type='text/javascript'> 
    $(document).ready(function() 
    { 
    var appRouter = new AppRouter(); // Router initialization 
    Backbone.history.start(); // Backbone start 
    }); 
</script> 

这是main.js：

require.config({ 
    urlArgs: "bust=" + (new Date()).getTime(), 
    paths: { 
    jquery: 'libs/jquery/jquery', 
    underscore: 'libs/underscore/underscore', 
    backbone: 'libs/backbone/backbone' 
    } 
}); 
require(["jquery", "underscore", "backbone"], 
    function ($, _, Backbone) { 
    console.log("Test output"); 
    console.log("$: " + typeof $); 
    console.log("_: " + typeof _); 
    console.log("Backbone: " + typeof Backbone); 
    } 
); 

这是我的控制台：

ReferenceError: Backbone is not defined 
[Break On This Error] 
$(document).ready(function() 


ReferenceError: $ is not defined 
[Break On This Error] 
$(document).ready(function() 

Test output 
$: function 
_: function 
Backbone: object 

Require.js是工作，但骨干和jQuery是不确定的，我不知道他们有什么问题。

这是我的文件的结构：

任何想法，请。谢谢

Answer 1

使用您的设置，只有当它被注入为requireJS模块的依赖项时，才可以使用Backbone，但它在全局名称空间中不可用。还需要在jQuery，Backbone或下划线等每个模块中大部分需要的东西似乎不是最好的主意。只需在requireJS主文件之前将它们加载为脚本标记，并且一切都很好。

如果你想保持你要开始内您的应用程序垫片解决方案main.js文件

require.config({ 
    urlArgs: "bust=" + (new Date()).getTime(), 
    paths: { 
    jquery: 'libs/jquery/jquery', 
    underscore: 'libs/underscore/underscore', 
    backbone: 'libs/backbone/backbone' 
    } 
}); 

require(["jquery", "underscore", "backbone"], 
    function ($, _, Backbone) { 
    console.log("Test output"); 
    console.log("$: " + typeof $); 
    console.log("_: " + typeof _); 
    console.log("Backbone: " + typeof Backbone); 

    $(document).ready(function() { 
     var appRouter = new AppRouter(); // Router initialization 
     Backbone.history.start(); // Backbone start 
    }); 
    } 
); 

Answer 2

你也应该在shim config

require.config({ 
    urlArgs: "bust=" + (new Date()).getTime(), 
    paths: { 
    jquery: 'libs/jquery/jquery', 
    underscore: 'libs/underscore/underscore', 
    backbone: 'libs/backbone/backbone' 
    }, 
    shim: { 
     'backbone': { 
      deps: ["underscore", "jquery"], 
      exports: "Backbone" 
     }, 
     'underscore': { 
      exports: "_" 
     } 
    } 
}); 
require(["jquery", "underscore", "backbone"], 
    function ($, _, Backbone) { 
    console.log("Test output"); 
    console.log("$: " + typeof $); 
    console.log("_: " + typeof _); 
    console.log("Backbone: " + typeof Backbone); 
    } 
);