У меня есть приложение Ionic на Android, и я хочу добавить функцию входа в Facebook с помощью плагина ngCordovaOauth, но я получил:
0 851065 error Uncaught Error: [$injector:modulerr] Failed to instantiate module
starter due to:
Error: [$injector:modulerr] Failed to instantiate module ngCordovaOauth due to:
Error: [$injector:nomod] Module 'ngCordovaOauth' 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.
....
Я пытаюсь загрузить плагин в соответствии с здесь. Я использовал Bower для загрузки плагина
bower install ng-cordova-oauth -S
Затем я добавил строку в index.html
<script src="lib/ng-cordova-oauth/dist/ng-cordova-oauth.min.js"></script>
После этого я добавил зависимость к модулю app.js.
angular.module('starter', ['ionic','ngMessages','ngCordova','ngCordovaOauth','ksSwiper','starter.services','starter.controllers'])
Это дает ошибку, когда я добавил «ngCordovaOauth». Я также пытаюсь загрузить файл ng-cordova-oauth.min.js вручную, добавить его в папку www/js и добавить
<script src="js/ng-cordova-oauth.min.js"></script>
в файл index.html после удаления через Bower. Это тоже не сработало. Я также пытаюсь удалить платформу Android и добавить ее снова, но это не сработало.
Я думаю, что пробую все, что могу, но, похоже, не работает. Он должен найти ngCordovaOauth, но этого не происходит. Любая помощь приветствуется.
Заранее спасибо.
Изменить
индекс.html:
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Security-Policy" content="default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<link href="lib/swiper/dist/css/swiper.min.css" rel="stylesheet"/>
<link href="css/style.css" rel="stylesheet">
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<!-- ionic/angularjs js -->
<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="lib/swiper/dist/js/swiper.js"></script>
<script src="lib/angular-swiper/dist/angular-swiper.js"></script>
<script src="js/angular-messages.js"></script>
<script src="lib/ng-cordova-oauth/dist/ng-cordova-oauth.min.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>