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
何かお考えがあれば、よろしくお願いします。どうもありがとうございました。