Requirejs高级应用（六） 模块无法加载错误的解决办法

                       

在angular与requirejs的结合中，提示“Module name has not been loaded yet for context: _”，如下：

require-lib.js:900 Error: Module name "common/app" has not been loaded yet for context: _http://requirejs.org/docs/errors.html#notloaded    at makeError (require-lib.js:165)    at localRequire (require-lib.js:1432)    at index.js?v=1:2    at Object.execCb (require-lib.js:1692)    at Module.check (require-lib.js:865)    at Module.enable (require-lib.js:1178)    at Module.init (require-lib.js:783)    at callGetModule (require-lib.js:1205)    at Object.completeLoad (require-lib.js:1586)    at HTMLScriptElement.onScriptLoad (require-lib.js:1713)
   
   

    
    
1
    
    
2
    
    
3
    
    
4
    
    
5
    
    
6
    
    
7
    
    
8
    
    
9
    
    
10
    
    
11
    
    
12
   
   

仔细检查代码，发现代码结构如下：

define(['require'], function(require) {    var myApp = require('common/app');    //  其他代码略});
   
   

    
    
1
    
    
2
    
    
3
    
    
4
   
   

回想以前的博客《Requirejs高级应用（三）：同步加载》，发现执行同步操作必须满足非常严苛的两个条件，其实requirejs执行同步加载还可以有第二种方法，只要在define函数中不加载任何其他模块，如下：

//  不能加载任何其他模块define(function(require, exports, module) {    //  此时可执行同步加载});
   
   

    
    
1
    
    
2
    
    
3
    
    
4
   
   

所以，上面错误的解决办法如下：

//  在此模块中，可以同步加载任何模块define(function(require, exports, module) {    //  怎么做到的？    var myApp = require('../common/app')；});
   
   

    
    
1
    
    
2
    
    
3
    
    
4
    
    
5
   
   

结论

define函数有两种形式，如果没有模块加载列表，则define的回调函数中可以同步加载任何模块。