Ionic app works in live reload but not on android device


#1

I ran the tests on Ionic serve and it worked, however once I built it it would not work and only displayed the word Back in the upper left hand corner. Could anyone tell me why?

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <style>
      .angular-google-map-container {
          width: 100%;
          height: 504px;
      }
    </style>
    <link href="/lib/ionic/css/accordian.css" rel="stylesheet">
    <link href="/lib/ionic/css/ionic.css" rel="stylesheet">
    <script src="/lib/ionic/js/ionic.bundle.js"></script>
    <script src="js/app.js"></script>

  </head>
  <body ng-app="app" ng-controller="control" animation="slide-left-right-ios7">
  <div style="">
    <div style="">
        <ion-nav-bar class="bar-assertive">
            <ion-nav-back-button class="button-icon icon ion-ios7-arrow-back">Back</ion-nav-back-button>
        </ion-nav-bar>
        <ion-nav-view></ion-nav-view>
    </div>
</div>

<!--LOGIN PAGE-->

<script id="page8.html" type="text/ng-template">
<ion-view style="" title="Login">
    <ion-content class="has-header" padding="true">
        <img style="" src="">
        <form style="">
            <div style="width: 300px; height: 34px;" class="spacer"></div>
            <ion-list style="">
                <label style="" class="item item-input">
                    <span class="input-label">Username</span>
                    <input placeholder="" type="text">
                </label>
                <label style="" class="item item-input">
                    <span class="input-label">Password</span>
                    <input placeholder="" type="password">
                </label>
            </ion-list>
            <a style="" class="button button-assertive button-block" href="#/menu">Log in</a>
            <a style="" class="button button-positive button-clear button-block" href="#/signup">Or create an account</a>
        </form>
    </ion-content>
</ion-view></script>


<!--SIGNUP PAGE-->

<script id="page9.html" type="text/ng-template">
<ion-view style="" title="Signup">
    <ion-content class="has-header" scroll="false" padding="true">
        <img style="" src="">
        <div style="width: 300px; height: 71px;" class="spacer"></div>
        <form style="">
            <ion-list style="">
                <label style="" class="item item-input">
                    <span class="input-label">Client #</span>
                    <input placeholder="" type="text">
                </label>
                <label style="" class="item item-input">
                    <span class="input-label">Username</span>
                    <input placeholder="" type="text">
                </label>
                <label style="" class="item item-input">
                    <span class="input-label">Password</span>
                    <input placeholder="" type="text">
                </label>
            </ion-list>
            <a style="" class="button button-assertive button-block" href="#/login">Sign up</a>
        </form>
    </ion-content>
</ion-view></script>


<!--MAIN MENU PAGE-->

<script id="page10.html" type="text/ng-template">
<ion-view style="" title="Main Menu">
    <ion-content class="has-header" padding="true">
        <div style="line-height: 125px; background-color: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-radius: 3px; text-align: center;">
            <i style="font-size: 64px; color: rgb(136, 136, 136); vertical-align: middle;" class="icon ion-image"></i>
        </div>
        <ion-list style>
          <div ng-repeat="group in groups">
            <ion-item class="item-assertive" ng-click="toggleGroup(group)" ng-class="{active: isGroupShown(group)}">
              {{group.name}}
            </ion-item>
            <ion-item class="item-stable item-accordion" ng-repeat="item in group.items" ng-show="isGroupShown(group)">
              {{item}}
            </ion-item>
          </div>
        </ion-list>
    </ion-content>
</ion-view></script>

<!--REFER PAGE-->

<script id="page11.html" type="text/ng-template">
<ion-view style="" title="Refer">
    <ion-content class="has-header" padding="true">
        <div style="width: 300px; height: 29px;" class="spacer"></div>
        <button style="" class="button button-stable button-full">Facebook</button>
        <div style="width: 300px; height: 29px;" class="spacer"></div>
        <button style="" class="button button-stable button-full">Twitter</button>
        <div style="width: 300px; height: 29px;" class="spacer"></div>
        <button style="" class="button button-stable button-full">Google+</button>
        <div style="width: 300px; height: 29px;" class="spacer"></div>
        <button style="" class="button button-stable button-full">Instagram</button>
    </ion-content>
</ion-view></script>

  </body>
</html>

The link to the app.js file may be found here


#2

You have an extra slash in the beginning of hrefs.
Instead of:

**/**lib/ionic/…

it should be:

lib/ionic/…

Or in your code:
`

`

#3

@bokboki2002 Thanks a lot.