Showing Blank Screen

Hey I am new to ionic . I stated to create a hello world app. but when i run i am getting a blank white screen.

Please take a look on my code.


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

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

<!-- your app's js -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>


Hello World!

Hello World, how are you?


angular.module(‘starter’, [‘ionic’])

console.log(“Main Controller says: Hello World”);


angular.module(‘starter’, [‘ionic’,‘starter.controllers’])

.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
if(window.StatusBar) {
.config(function($stateProvider, $urlRouterProvider){

.state('main', {
	url: "/main",
	templateUrl: "templates/main.html",
	controller: 'MainCtrl'



I can’t see your html, so I’m not shure, but i think it’s a similar problem to what we just had here:

Following code is written in index.html

< body ng-app=“starter”>
< ion-nav-view>< /ion-nav-view>
</ body>

following is my main.html

< ion-view>
< ion-header-bar class=“bar-stable”>
< h1 class=“title”>Hello World!< /h1>
< /ion-header-bar>
< ion-content class=“padding”>
< p>Hello World, how are you?< /p>
< /ion-content>
< /ion-view>

Any errors in the console? Is the url in your browser /main after opening?

No errors displayed in the console. but url is not pointing to /main.

http://localhost:8100/ionic-lab is the url shows on my screen.

Try ionic serve in the cli.

The problem has got fixed. The issue was with the controller.Thank You.