1

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

何かお考えがあれば、よろしくお願いします。どうもありがとうございました。

4

1 に答える 1