Ionic Template Does Not Work On Mobile

I have been making an app in AngularJS with Angular-ui-router based on Ionic Framework. It works perfect on the desktop in every web browser, but it does not show anything on my mo

Solution 1:

I seem to notice that it's often due to the modules you're loading in. So It's likely in this line.

angular.module('starter', ['ionic', 'ngStorage', 'ngAnimate', 'naif.base64', 'ui.router'])

Try checking each module by making sure:

• You added it to your index.html
• it's being called correctly
• it's up to date You can figure out by removing each, one at a time and then seeing if it works on the device.

Also know that AngularJS out of the box uses AngularUI Router and this uses a thing called routing for views. The UI-Router uses a thing called states that is the most used but the unofficial way for AngularJS and Ionic uses their own view state system that is basically the same thing as the UI-Router just with the Ionic namespace. So that is something you need to look up or you may find yourself running into a lot of walls during you builds because you are calling ui.router and I bet it's what's confusing your app, so remove it.