javascript - App Module Not Found AngularJS -


for reason giving me errors when try run code. (i post code error @ bottom):

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

i getting following errors when run code:

error: $injector:nomod module unavailable module 'hive' not available! either misspelled module name or forgot load it. if registering module ensure specify dependencies second argument.  error: $injector:modulerr module error failed instantiate module hive due to: error: [$injector:nomod] http://errors.angularjs.org/1.2.7/$injector/nomod?p0=hive     @ error (native)     @ https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:3596     @ https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:10429     @ https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:10940     @ https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:14933     @ array.foreach (native)     @ o (https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:3925)     @ r (https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:14873)     @ wt (https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:16490)     @ r (https://preview.c9users.io/amanuel2/hive/assets/dist/js/vendor.min.js:3:9097

i dont understand why getting these errors @ all. have been debugging long time , couldnt understand why. right im coding in website ide : https://ide.c9.io/amanuel2/hive . appreciated ! :)

edit (ngmaterial not working ^^): 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);

shouldn't app.module.js this:

(function (angular) {     'use strict';     angular.module('hive', [             'ionic',             'firebase',             'ngmaterial'         ]     );  })(angular);

you forgot pass in angular object.


Comments

Post a Comment

Popular posts from this blog

jOOQ update returning clause with Oracle -

according http://www.jooq.org/doc/3.8/manual/sql-building/sql-statements/update-statement/ jooq doesn't support returning clause in update statements databases except firebird , postgres. does know, still correct oracle jooq? according oracle's documentation, oracle db supports returning clase delete, insert, or update statements. incorrect manual you're right - manual wrong , should fixed: https://github.com/jooq/jooq/issues/5470 single row update returning jooq 3.8 added support single row update .. returning statements. internally, uses callablestatement , pl/sql block of form: begin update "my_table" set "my_table"."column" = 'xyz' "my_table"."id" = 1 returning "my_table"."id", "my_table"."column" ?, ?; ? := sql%rowcount; end; the relevant issue is: https://github.com/jooq/jooq/issues/5190 multi row update returning a...
Read more

java - Warning equals/hashCode on @Data annotation lombok with inheritance -

i have entity inherits other. on other hand, i'm using lombok project reduce boilerplate code, put @data annotation. annotation @data inheritance produces next warning: generating equals/hashcode implementation without call superclass, though class not extend java.lang.object. if intentional, add '@equalsandhashcode(callsuper=false)' type. is advisable add annotation @equalsandhashcode (callsuper = true) or @equalsandhashcode (callsuper = false) ? if not added, 1 callsuper=false or callsuper=true ? the default value false . 1 if don't specify , ignore warning. yes, recommended add @equalsandhashcode annotation on @data annotated classes extend else object. cannot tell if need true or false , depends on class hierarchy, , need examined on case-by-case basis. however, project or package, can configure in lombok.config call super methods if not direct subclass of object. lombok.equalsandhashcode.callsuper = call for configuration system ...
Read more

java - BasicPathUsageException: Cannot join to attribute of basic type -

i using java 8 jpa (hibernate 5.2.1). have clause works perfectly, until introduce clause make use foreign key table values too. i getting following error: basicpathusageexception: cannot join attribute of basic type i think problem related fact have join table, , not sure how create join using join table. employee - employee_category - category model (employee.java): @manytomany(cascade = cascadetype.all, fetch=fetchtype.eager) @jointable ( name="employee_category", joincolumns={ @joincolumn(name="emp_id", referencedcolumnname="id") }, inversejoincolumns={ @joincolumn(name="cat_id", referencedcolumnname="id") } ) private set<category> categories; model (category.java): @id private string id; jpa when introduce following code, fails error above (i think problem new piece of code): join<t, category> category = from.join("id"); predicates.add(criteriabuilder.like(category....
Read more