未找到應用程序模塊AngularJS

由於某種原因，當我嘗試運行此代碼時，它給了我錯誤。（我將在底部郵編然後錯誤）：未找到應用程序模塊AngularJS

的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);

來源

2016-07-25 amanuel2

它看起來像缺少'angular.module'的第二個參數。嘗試'angular.module（'Hive'，[]）''。如果你沒有在Angular中傳遞這個數組，你將嘗試找到一個名爲「Hive」的模塊，而不是創建一個新的模塊。 – rob

@rob如果你看到我的代碼，我確實有一個帶有數組的參數：'angular.module 'Hive'，[ 'ionic'， 'firebase'， 'ngMaterial' ] ）;' – amanuel2

您確定app/*。js文件已加載嗎？ – fdelia

應該不是你的app.module.js這個樣子的：

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

})(angular);

你忘了p屁股在角度的對象。

來源

2016-07-25 21:26:47 CapturedTree

非常感謝！解決了上面的一個錯誤，但我仍然有一個錯誤:(無法實例化模塊ngMaterial，因爲：錯誤：[$ injector：modulerr] http://errors.angularjs.org/1.2.7/$injector/modulerr？p0 = m ...） 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：15261 at Array.forEach（native） at o .... ngMaterial有問題，但我不能可能會發現什麼是錯的：（ – amanuel2

你的' ... '標籤中似乎沒有'script'或'stylesheet'引用'ngMaterial'。 – CapturedTree

'ngMaterial'需要多個Angular庫而不僅僅是基礎。檢查這個例子：https：// material.angularjs.org/1.0.5/getting-started – austinthedeveloper

未找到應用程序模塊AngularJS

回答

相關問題