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

最新推荐文章于 2026-06-08 07:34:20 发布

原创最新推荐文章于 2026-06-08 07:34:20 发布 · 1.6w 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#angular #requirejs #模块无法加载 #加载错误 #解决办法

精进的前端专栏收录该内容

26 篇文章

订阅专栏

本文探讨了Angular与RequireJS结合使用时出现的模块未加载错误，并提供了有效的解决方案。通过调整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)

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

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

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

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

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

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

结论

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