ui-select с загрузкой ошибок «Модуль« ui.select »недоступен! Вы либо ошибочно написали имя модуля, либо забыли загрузить его».

Question

Я попытался использовать директиву ui-select в своем решении. Я добавил всю папку Github о ui-select в своем решении. Я также добавляю «ui.select» в своем приложении. Но когда я бег решения, следующее сообщение об ошибке отображаются в F12:

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: 
Error: [$injector:modulerr] Failed to instantiate module MetronicApp due to: 
Error: [$injector:modulerr] Failed to instantiate module oc.lazyLoad due to: 
Error: [$injector:nomod] Module 'ui.select' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

Answer 1

Try, используя CDN вместо включая файлы напрямую.

для CSS: [https://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.17.1/select.css]

для ЯШ: [https://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.17.1/select.js] включают около тегов в главной странице index.html, вам не нужно загружать файлы и включить их, CDN будет предоставлять файлы.

HTML:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.17.1/select.css" /> 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.17.1/select.js" async></script> 

В app.js:

angular.module('myapp', ['ui.select', 'ngSanitize']); 

Требования к ui.select:

• Угловое> = 1.2.18
• ngSanitize module
• jQuery (необязательно для поддержки более старого браузера)
• Совместимость браузера, начиная с Internet Explorer 8 и Firefox 3.6.
• Bootstrap/Select2/Selectize CSS в зависимости от обстоятельств

Answer 2

Включить скаченный путь к файлу правильно используя тег сценария в основном файл index.html и убедитесь, что вы вводили зависимость правильно, как следовать в вашем app.js файла:

angular.module('myModule', ['ui.select']); 

(или)

Другой способ заключается в использовании менеджеров пакетов:

Вы можете использовать НПЙ или беседку устанавливает

НОЙ установка UI-выберите

беседки установить угловой-UI-выберите

и убедитесь, что вы вводили зависимость правильно

angular.module('myModule', ['ui.select']); 

Answer 3

Проверьте файл Бауэр.

Если angularjs-щ-выбор не доступен добавить эту строку в файл bower.json

"угловато-щ-выбери": «~ 0,18.1"

"version": "0.0.0", 
    "dependencies": { 
    "angular-animate": "~1.5.3", 
    "angular-cookies": "~1.5.3", 
    "angular-touch": "~1.5.3", 
    "angular-sanitize": "~1.5.3", 
    "angular-messages": "~1.5.3", 
    "angular-aria": "~1.5.3", 
    "jquery": "~2.1.4", 
    "angular-resource": "~1.5.3", 
    "angular-route": "~1.5.3", 
    "bootstrap-sass": "~3.3.5", 
    "angular-bootstrap": "~0.14.3", 
    "malarkey": "yuanqing/malarkey#~1.3.1", 
    "angular-toastr": "~1.5.0", 
    "moment": "~2.10.6", 
    "animate.css": "~3.4.0", 
    "angular": "~1.5.3", 
    "angular-daterangepicker": "^0.2.2", 
    "angular-ui-select": "~0.18.1" 
    }, 
    "devDependencies": { 
    "angular-mocks": "~1.5.3" 
    }, 
    "overrides": { 
    "bootstrap-sass": { 
     "main": [ 
     "assets/stylesheets/_bootstrap.scss", 
     "assets/fonts/bootstrap/glyphicons-halflings-regular.eot", 
     "assets/fonts/bootstrap/glyphicons-halflings-regular.svg", 
     "assets/fonts/bootstrap/glyphicons-halflings-regular.ttf", 
     "assets/fonts/bootstrap/glyphicons-halflings-regular.woff", 
     "assets/fonts/bootstrap/glyphicons-halflings-regular.woff2" 
     ] 
    } 
    }, 
    "resolutions": { 
    "jquery": "~2.1.4", 
    "angular": "~1.5.3" 
    } 
}