Ionic view displaying grey screen v1

I swear this problem is common. I don’t know how to get my ionic app to show on my iphone. It works perfectly fine on ionic serve. I looked everywhere to get help, and it’s still showing me this grey screen.


var HCapp = angular.module('HCapp',['ionic','ui.router']);

HCapp.config(['$stateProvider','$urlRouterProvider', function($stateProvider, 
 .state('signup', {  
url: '/signup', 
templateUrl: 'views/signup.html'

templateUrl: 'views/register.html'

    .state('sign-in', {
templateUrl: 'views/sign-in.html'

  HCapp.controller('signCntrl', ['$scope', '$http','$location', function ($scope, $http, 
  $location ){

  $scope.users= {};

   $ = function(){
   // $'http://localhost:3000/sign-in/save', $scope.users)
   $'', $scope.users)


    HCapp.controller('registerCntrl', ['$scope', '$http', '$location',  function ($scope, $http, $location ){

    $ = function(){
   // $'http://localhost:3000/register/save', $scope.register)
   $'', $scope.register)

html using in each html page

<div id="signin" ng-controller="signCntrl">
 <a class="button icon-left ion-chevron-left button-clear button-light" a href="#/signup"></a>
  <h1 class="hidden">Sign In</h1>
  <img src="../img/logo.png" alt=logo id="logo">

    <div id="footer">
    <div class="imageHolder">
    <img src="../img/email.png" alt=mail id="emailIcon">
     <img src="../img/key.png" alt="key" id="keyIcon">

        <div class="list list-inset" id="form">
        <form class="signIn">        
        <label class="item item-input"> 
        <input type="email" placeholder="Email" ng-model="users.username">
        <label class="item item-input" id="passform"> 
          <input type="password" placeholder="Password" ng-model="users.password">
       <input type="submit" value="SIGN IN" ng-click="save()" button class="button" id="submitbutton">



       <!DOCTYPE html>
      <html data-ng-app="HCapp">
      <meta charset="utf-8">
      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

<link rel="manifest" href="manifest.json">

<!-- un-comment this code to enable service worker
  if ('serviceWorker' in navigator) {
      .then(() => console.log('service worker installed'))
      .catch(err => console.log('Error', err));
<link href="" rel="stylesheet">

<link href="lib/ionic/css/ionic.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/" rel="stylesheet">

<!-- ionic/angularjs js -->

     <script src="lib/ionic/js/ionic.bundle.js"></script>
     <script type="text/javascript" src=""></script>
   <script src="">
    <script src=""></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>


//took out ui-view because i heard their was alot of issues

<ion-nav-view> </ion-nav-view>

What did you do to debug yet?

Did you remote debug the app on your iPhone? Check for instructions, then look at the console and network tabs for errors.