0

Im new to RequireJS и тестирование чего-то, чтобы мои ноги были мокрыми. Я пытаюсь получить нагрузку в базе Angular, а затем вручную в Angular UI Bootstrap. Однако, когда я это делаю, UI Bootstrap жалуется на то, что angular is not defined, что означает, что моя загрузка из Require не кажется правильно настроенной.Тест Simple RequireJS не работает

Моя структура папок:

app 
|js 
    |main.js 
|index.html 

Basic HTML:

<script type="text/javascript" src="myUrl/requirejs" data-main="js/main.js"></script> 
<script src="myUrl/ui-bootstrap-tpls.js"></script> 

Main.js:

require.config({ 
    paths : { 
     'angular' : 'myUrl/1.3.4/angular.min.js', 
     'jquery' : 'myUrl/2.1.1/jquery.min.js', 
    }, 
    shim : { 
     'angular' : { 
      exports : 'angular', 
      deps: ["jquery"] 
     } 
    } 
}); 

Так почему разве Угловая загружен в должным образом для использования в дальнейшем?

ответ

1

Судя по коду, который вы видите в своем вопросе, у вас есть несколько модулей, предназначенных для загрузки RequireJS, а именно: angular и jquery. А затем вы загружаете myUrl/ui-bootstrap-tpls.js с элементом script. Предположительно, этот скрипт должен использовать модуль angular. Это не может работать. Вы должны сделать ui-bootstrap-tpls совместимым с RequireJS, предоставив ему прокладку, точно так же как любой другой модуль без AMD, который вы хотите загрузить с помощью RequireJS. И тогда вам нужно будет начать фактическую загрузку с вызова require, чтобы сообщить, какой модуль должен быть загружен.

Я также отмечаю, что вы не настроили RequireJS для загрузки JS-кода Bootstrap.

1

Прокладки или требуется конфигурация не загружает никаких скриптов. Сценарии загружаются, когда вам это нужно.

Смежные вопросы