javascript - 未捕获的错误：没有模块：MyApp

Question

我在 nodeJs 框架中使用 RequireJs 加载 AngularJs 和 jQuery。

那是 main.js

    require.config({
    paths: {
        angular: 'vendor/angular.min',
        bootstrap: 'vendor/twitter/bootstrap',
        jquery: 'vendor/jquery-1.9.0.min',
        domReady: 'vendor/require/domReady',
        underscore: 'vendor/underscore.min'
    },
    shim: {
        angular: {
            deps: [ 'jquery' ],
            exports: 'angular'
        }
    }
});

require([
        'app',
        'angular-boot'
    ], function() {

});

在 app.js 中

 define(['angular'], function (angular) {
    return angular.module('MyApp', []);
})

并在 angular-boot.js

    define([ 'angular', 'domReady' ], function (angular, domReady) {
    domReady(function() {
        angular.bootstrap(document, ['MyApp']);
    });
});

在我的 html 文件中，我只有这一行，以便声明和使用 requirejs。不是 ng-ap 或其他任何东西。

<script data-main="js/main" src="js/require.js"></script>

问题是有时运行，有时不运行。它不运行时的错误是

未捕获的错误：没有模块：MyApp

如果有任何想法，我将不胜感激。非常感谢。

Answer 1

在您的 shim 中，您需要将 设置app为angular-boot. 您的angular-boot文件取决于app（在哪里MyApp定义），并且由于未指定这两个文件的加载顺序，因此有时angular-boot会在 之前加载app并因此产生该错误。

要补救，只需像这样更新您的 shim：

shim: {
  angular: {
    deps: [ 'jquery' ],
    exports: 'angular'
  },
  'angular-boot': {
    deps: ['app']
  }
}

而且，由于您不需要明确包含“应用程序”，因此您的require通话可以简化为：

require(['angular-boot']);