Модуль приложения не найден AngularJS

Question

Модуль приложения не найден AngularJS

0

По какой-то причине он дает мне ошибки, когда я пытаюсь запустить этот код. (я отправлю код, а затем ошибку внизу):

index.html:

<!DOCTYPE html>
<html>

<head>
    <meta id="meta" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <link href='https://fonts.googleapis.com/css?family=RobotoDraft:400,500,700,400italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="assets/dist/css/vendor.min.css" type="text/css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.9/angular-material.min.css" />
    <script type="text/javascript" src="assets/dist/js/vendor.min.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.0.9/angular-material.min.js"></script>


    <link rel="stylesheet" href="global.css" type="text/css" />


    <link href="https://code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
    <script src="https://code.ionicframework.com/nightly/js/ionic.bundle.js"></script>



    <script type="text/javascript" src="app/app.module.js"></script>
    <script type="text/javascript" src="app/app.route.js"></script>
    <script type="text/javascript" src="assets/dist/js/app.min.js"></script>


</head>


    <body ng-app="Hive">


      <div ui-view class="main_view">
      </div>


   <ion-tabs class="tabs-icon-top tabs-energized">

        <ion-tab title="Home" icon="ion-home" ui-sref="home">
          <ion-nav-view name="home-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Discussions" icon="ion-android-contacts" ui-sref="discussions">
          <ion-nav-view name="discussions-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Board" icon="ion-ios-list-outline" ui-sref="board">
          <ion-nav-view name="list-tab"></ion-nav-view>
        </ion-tab>


             <ion-tab title="Me" icon="ion-android-happy" ui-sref="me">
          <ion-nav-view name="profile-tab"></ion-nav-view>
        </ion-tab>

      </ion-tabs>


  </body>


</html>

app.module.js:

(function (angular) {
    'use strict';
    angular.module('Hive', [
            'ionic',
            'firebase',
            'ngMaterial'
        ]
    );

});

app.route.js:

(function (angular) {
    'use strict';

    angular.module('Hive')
        .config(stateParams)

    /* @ngInject */
    function stateParams($stateProvider, $urlRouterProvider) {

        $stateProvider
            .state('home', {
                url: '/home',
                templateUrl:'app/components/home/home.html',
                controller: 'homeCtrl'
            })

            .state('me' , {
                url:'/me',
                templateUrl:'app/components/me/me.html',
                controller:'meCtrl'
            })

            .state('discussions' , {
                url:'/discussions',
                templateUrl:'app/components/discussions/discussions.html',
                controller:'discussionsCtrl'
            })

            .state('board', {
                url:'/board',
                templateUrl:'app/components/board/board.html',
                controller:'boardCtrl'
            })

            .state('register', {
                url:'/register',
                templateUrl:'app/components/register/register.html',
                controller:'registerCtrl'
            })


        $urlRouterProvider.otherwise('/home');

    }
})(angular);

При запуске кода возникают следующие ошибки:

Error: $injector:nomod
Module Unavailable
Module 'Hive' 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.

Error: $injector:modulerr
Module Error
Failed to instantiate module Hive due to:
Error: [$injector:nomod] http://errors.angularjs.org/1.2.7/$injector/nomod?p0=Hive
    at Error (native)
    at https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:3596
    at https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:10429
    at https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:10940
    at https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:14933
    at Array.forEach (native)
    at o (https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:3925)
    at r (https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:14873)
    at wt (https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:16490)
    at r (https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:9097

Я не понимаю, почему я вообще получаю эти ошибки. Я уже давно отлаживаю, но не понимаю, почему. Прямо сейчас, кодируя все это на веб-сайте IDE: https://ide.c9.io/amanuel2/hive. Помощь будет оценена! :)

Изменить (ngMaterial Не работает ^^): index.html:

<head>
    <meta id="meta" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <link href='https://fonts.googleapis.com/css?family=RobotoDraft:400,500,700,400italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="assets/dist/css/vendor.min.css" type="text/css" />
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css">
    <script type="text/javascript" src="assets/dist/js/vendor.min.js"></script>



    <!-- Angular Material requires Angular.js Libraries -->
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>

  <!-- Angular Material Library -->
  <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>



    <link rel="stylesheet" href="global.css" type="text/css" />


    <link href="https://code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet">
    <script src="https://code.ionicframework.com/nightly/js/ionic.bundle.js"></script>



    <script type="text/javascript" src="app/app.module.js"></script>
    <script type="text/javascript" src="app/app.route.js"></script>
    <script type="text/javascript" src="assets/dist/js/app.min.js"></script>


</head>


    <body ng-app="Hive">


      <div ui-view class="main_view">
      </div>


   <ion-tabs class="tabs-icon-top tabs-energized">

        <ion-tab title="Home" icon="ion-home" ui-sref="home">
          <ion-nav-view name="home-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Discussions" icon="ion-android-contacts" ui-sref="discussions">
          <ion-nav-view name="discussions-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="Board" icon="ion-ios-list-outline" ui-sref="board">
          <ion-nav-view name="list-tab"></ion-nav-view>
        </ion-tab>


             <ion-tab title="Me" icon="ion-android-happy" ui-sref="me">
          <ion-nav-view name="profile-tab"></ion-nav-view>
        </ion-tab>

      </ion-tabs>


  </body>


</html>

app.module.js:

(function (angular) {
    'use strict';
    angular.module('Hive', [
            'ionic',
            'firebase',
            'ngMaterial'
        ]
    );

})(angular);

amanuel2 25 июль 2016, в 23:29

Источник

0

Похоже, вам не хватает второго параметра angular.module . попробуйте angular.module('Hive', []) . Если вы не передадите этот массив в Angular, то попытаетесь найти существующий модуль с именем «Hive» вместо создания нового.
rob 25 июль 2016, в 21:22
0

@rob, если вы видите мой код выше, у меня действительно есть параметр с массивом: angular.module('Hive', [ 'ionic', 'firebase', 'ngMaterial' ] );
amanuel2 25 июль 2016, в 21:23
0

Вы уверены, что файлы app / *. Js загружены?
fdelia 25 июль 2016, в 21:25
0

ах извините, я скучаю по этому. Ваш код app.module.js никогда не выполняется, хотя. Вы завернули это в функцию, которая никогда не вызывается
rob 25 июль 2016, в 21:26

Показать ещё 2 комментария

Теги:

javascript

angularjs

angularjs-module

1 ответ

Ещё вопросы

Похоже, вам не хватает второго параметра angular.module . попробуйте angular.module('Hive', []) . Если вы не передадите этот массив в Angular, то попытаетесь найти существующий модуль с именем «Hive» вместо создания нового.
@rob, если вы видите мой код выше, у меня действительно есть параметр с массивом: angular.module('Hive', [ 'ionic', 'firebase', 'ngMaterial' ] );
Вы уверены, что файлы app / *. Js загружены?
ах извините, я скучаю по этому. Ваш код app.module.js никогда не выполняется, хотя. Вы завернули это в функцию, которая никогда не вызывается

CapturedTree · Answer 1 · 2016-07-25T19-03-00.000Z

1

Если ваш app.module.js выглядит так:

(function (angular) {
    'use strict';
    angular.module('Hive', [
            'ionic',
            'firebase',
            'ngMaterial'
        ]
    );

})(angular);

Вы забыли пройти в угловом объекте.

CapturedTree 25 июль 2016, в 19:03

0

Да, большое спасибо! Это решило одну ошибку, которая была выше, но у меня все еще осталась одна ошибка :(. Не удалось создать экземпляр модуля ngMaterial из-за: Ошибка: [$ injector: modulerr] errors.angularjs.org/1.2.7/$injector/modulerr?p0= m ... ) в Error (native) в preview.c9users.io/amanuel2/hive/assets/dist/js/… в preview.c9users.io/amanuel2/hive/assets/dist/js/… at Array.forEach (родной) в o .... Что-то не так с ngMaterial, но я не могу найти, что не так :(
amanuel2 25 июль 2016, в 21:30
0

Похоже, у вас нет script или stylesheet ссылающихся на ngMaterial в вашем <head> ... </head> .
CapturedTree 25 июль 2016, в 21:32
1

ngMaterial требуется несколько библиотек Angular, а не только база. Проверьте этот пример: material.angularjs.org/1.0.5/getting-started
austinthedeveloper 25 июль 2016, в 21:33
0

Да точно ^^^. Вам необходимо добавить все зависимости.
CapturedTree 25 июль 2016, в 21:34
0

@austinthedeveloper и 1290, я скопировал точные ссылки в материале, но все еще имел ту же проблему. Посмотрите на мои правки выше, чтобы увидеть текущие index.html и app.module.js :(
amanuel2 25 июль 2016, в 21:39
0

@Dsafds Что находится в вашем app.min.js ?
CapturedTree 25 июль 2016, в 22:06
0

@ 1290 Вот где все контроллеры, сервисы и т. Д. Работают. Они компилируются в один файл и минифицируются
amanuel2 25 июль 2016, в 22:07
0

Хм, хорошо. Может ли быть ошибка в этом файле? Вы используете нг-материал там?
CapturedTree 25 июль 2016, в 22:11
0

Попробуйте импортировать последние файлы для ngMaterial: github.com/angular/material#cdn . Посмотрите на второй набор ссылок по этой ссылке.
CapturedTree 25 июль 2016, в 22:17
0

Да, я использую оригинальный Angular-Material. Не может быть ошибка в файле, потому что он работает на странице «Начало работы». Я даже добавил вопрос: stackoverflow.com/questions/38578106/…
amanuel2 25 июль 2016, в 22:17
0

Только что попробовал, и не сработало :(. Сейчас я работаю над этим в веб-IDE: ide.c9.io/amanuel2/hive
amanuel2 25 июль 2016, в 22:24

Показать ещё 9 комментариев