Ionic 2 Tutorial Issue - Blank Page

Ionic Framework ionic-v3
1

Hi,

I followed Ionic 2 Tutorial and created a demo app from tutorial template. There were no CLI issues during the process as we can see below.

image

I did ionic serve and the below happened.

image
2.png677×559 9.83 KB

And I got a blank page with 404 errors and warnings.

image
3.png1366×728 60.1 KB

Error shows that app.html and app.md.css are missing.

OS - Windows 8.1 Pro.
Chrome Browser Version - 48.0.2564.116 m.

Please let me know if I need to provide any more details and assist as to how I can go about troubleshooting this issue.

Thanks.

2

I just tested the tutorial template and it seems to work fine, so try updating your CLI:

npm install -g ionic@beta

and trying again.

3

@joshmorony I am using the lastest ionic 2 beta version but still the same issue.

4

Okay I am not sure what caused this issue but after doing the below changes I managed to get it working.

If you see the screenshots above, you will notice that I created “DemoApp” project inside “[Ionic] [Cordova] Projects” directory. So I thought may be the square brackets and space of this directory name broke something somewhere. (Still clueless about the actual cause)

So it worked after I renamed it to “IonicCordova” (i.e without brackets and spaces).

@joshmorony Thanks for your quick response.

And thanks to Ionic team for this amazing framework.