Angular + Requirejs - загрузка в неправильном порядке
Я пытаюсь получить угловой и jquery загруженный requirejs. Лучшее, что я могу сделать, это то, что в 50% случаев все загружается правильно, в другой половине я получаю сообщение об ошибке "No Module: mainApp
Я предполагаю, что это прерывает половину времени в зависимости от скорости, с которой requirejs асинхронно загружает скрипты.
Когда это работает, я вижуПривет, мир" проверить (хотя я вижу {{text}} флеш-память перед его заменой, но яЯ читал, как исправить это здесь). В остальное время я получаю сообщение об ошибке, и {{text}} просто остается на экране.
Tree:
index.html
- js
- libs
require.js
- modules
mainApp.js
main.js
main.js
require.config({
paths: {
'jQuery': '//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min',
'angular': '//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular',
},
shim: {
'angular' : {'exports' : 'angular'},
'jQuery': {'exports' : 'jQuery'}
}
});
require(['jQuery', 'angular', 'modules/mainApp'] , function ($, angular, mainApp) {
$(function () { // using jQuery because it will run this even if DOM load already happened
angular.bootstrap(document, ['mainApp']);
});
});
modules/mainApp.js
define(['angular'], function (angular) {
return angular.module('mainApp' , []).controller('MainCtrl', ['$scope', function ($scope) {
$scope.text = 'Hello World';
}]);
});
Relevant index.html
{{text}}