# Ionic Devapp always white screen

**URL:** <https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723>\
**Category:** Appflow\
**Created:** [November 10, 2017, 3:33pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723 "2017-11-10T15:33:32Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![roundpitt](https://avatars.discourse-cdn.com/v4/letter/r/aca169/32.png) [@roundpitt](https://forum.ionicframework.com/u/roundpitt)\
**Post date:** [November 10, 2017, 3:33pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/1 "2017-11-10T15:33:32Z")

</div>

Hi,

I tried using an ongoing project within Ionic Devapp. It’s supposed to load your app so you can view it. Except it’s always a blank screen when it loads up my project.

So, I tried making a completely new project with everything updated. I started with a blank project. Then I opened the blank project which is supposed to open to a single page with some text on it. It works in my browser but on in the ionic devapp. Does the DevApp work?

---

<div class="post-metadata">

**Author:** ![PatLec](https://avatars.discourse-cdn.com/v4/letter/p/4bbf92/32.png) [@PatLec](https://forum.ionicframework.com/u/PatLec)\
**Post date:** [December 7, 2017, 8:42am UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/2 "2017-12-07T08:42:44Z")

</div>

I have exactly the same issue. I have always a blank page in devApp.

---

<div class="post-metadata">

**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\
**Post date:** [December 7, 2017, 9:30am UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/3 "2017-12-07T09:30:11Z")

</div>

DevApp is working fine for lots of people.

---

<div class="post-metadata">

**Author:** ![PatLec](https://avatars.discourse-cdn.com/v4/letter/p/4bbf92/32.png) [@PatLec](https://forum.ionicframework.com/u/PatLec)\
**Post date:** [December 7, 2017, 10:45am UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/4 "2017-12-07T10:45:56Z")

</div>

I suppose that it works fine. I just want to fined where I can fine the issue I have.  
It’s a copy of my console log:  
dev server running: [http://localhost:8100/](http://localhost:8100/)

[OK] Development server running!  
Local: [http://localhost:8100](http://localhost:8100)  
External: [http://XXXXXX](http://XXXXXX)  
DevApp: recipeBook@8100 on iMac-de-Patrick.local

[11:42:15] console.log: Angular is running in the development mode. Call enableProdMode() to enable the production  
mode.  
[11:42:15] console.warn: Native: tried calling StatusBar.styleDefault, but Cordova is not available. Make sure to  
include cordova.js or run in a device/simulator  
[11:42:15] console.warn: Native: tried calling SplashScreen.hide, but Cordova is not available. Make sure to include  
cordova.js or run in a device/simulator  
[11:42:16] lint finished in 1.94 s

Is there something wrong?

---

<div class="post-metadata">

**Author:** ![Ben1nB1ack](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ben1nb1ack/32/114904_2.png) [@Ben1nB1ack](https://forum.ionicframework.com/u/Ben1nB1ack)\
**Post date:** [December 7, 2017, 12:09pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/5 "2017-12-07T12:09:04Z")

</div>

this is a common warning, i get it all the time.

i haven’t found where this has gotten in the way or working

reference  
[https://github.com/ionic-team/ionic-cli/issues/259](https://github.com/ionic-team/ionic-cli/issues/259)

---

<div class="post-metadata">

**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\
**Post date:** [December 7, 2017, 12:18pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/6 "2017-12-07T12:18:03Z")

</div>

> [@PatLec](#):
>
> Is there something wrong?

Not with that output.

Your app works in the browser?

---

<div class="post-metadata">

**Author:** ![PatLec](https://avatars.discourse-cdn.com/v4/letter/p/4bbf92/32.png) [@PatLec](https://forum.ionicframework.com/u/PatLec)\
**Post date:** [December 7, 2017, 12:53pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/7 "2017-12-07T12:53:32Z")

</div>

Yes in the browser it works perfectly and if I use Xcode too it works on my phone.

---

<div class="post-metadata">

**Author:** ![Sujan12](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/sujan12/32/108395_2.png) [@Sujan12](https://forum.ionicframework.com/u/Sujan12)\
**Post date:** [December 7, 2017, 1:03pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/8 "2017-12-07T13:03:51Z")

</div>

What is your `ionic info` output?  
Using any native plugins?

---

<div class="post-metadata">

**Author:** ![PatLec](https://avatars.discourse-cdn.com/v4/letter/p/4bbf92/32.png) [@PatLec](https://forum.ionicframework.com/u/PatLec)\
**Post date:** [December 7, 2017, 1:07pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/9 "2017-12-07T13:07:39Z")

</div>

My ionic info output:  
cli packages: (/usr/local/lib/node\_modules)

```
@ionic/cli-utils : 1.19.0
ionic (Ionic CLI) : 3.19.0

```

global packages:

```
cordova (Cordova CLI) : 7.1.0

```

local packages:

```
@ionic/app-scripts : 3.1.4
Cordova Platforms : ios 4.5.4
Ionic Framework : ionic-angular 3.9.2

```

System:

```
ios-deploy : 1.9.2
Node : v6.9.1
npm : 3.10.8
OS : macOS High Sierra
Xcode : Xcode 9.2 Build version 9C40b

```

Environment Variables:

```
ANDROID_HOME : not set

```

Misc:

```
backend : pro

```

I haven’t add any plugin

---

<div class="post-metadata">

**Author:** ![korn3l89](https://avatars.discourse-cdn.com/v4/letter/k/9d8465/32.png) [@korn3l89](https://forum.ionicframework.com/u/korn3l89)\
**Post date:** [December 12, 2017, 12:00pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/10 "2017-12-12T12:00:56Z")

</div>

Same issue here  
ionic info

cli packages:

```
@ionic/cli-utils : 1.19.0
ionic (Ionic CLI) : 3.19.0

```

local packages:

```
@ionic/app-scripts : 3.1.4
Ionic Framework : ionic-angular 3.9.2

```

System:

```
Node : v6.10.2
npm : 5.6.0
OS : Windows 10

```

Misc:

```
backend : pro
```

---

<div class="post-metadata">

**Author:** ![arashb](https://avatars.discourse-cdn.com/v4/letter/a/eada6e/32.png) [@arashb](https://forum.ionicframework.com/u/arashb)\
**Post date:** [December 14, 2017, 8:50pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/11 "2017-12-14T20:50:34Z")

</div>

I had a similar issue on Windows 10, when running the Ionic CLI using Linux for Windows 10 (“Bash on Ubuntu”).

The issue was due to firewall rules in Windows 10 not allowing port 8100 (the port “ionic serve” runs on)

I fixed it by enabling port 8100 inside my firewall rules (TCP).  
If you’re serving on a different port, just use that instead.

Just open Windows Defender Firewall, create “New Rule”, pick “Port”, put TCP port 8100, pick “Allow the connection”, pick the type of network (probably want it only allowed on Private and Domain networks), give it a name and it should start working.

---

<div class="post-metadata">

**Author:** ![jasjena](https://avatars.discourse-cdn.com/v4/letter/j/ba9def/32.png) [@jasjena](https://forum.ionicframework.com/u/jasjena)\
**Post date:** [January 5, 2019, 2:05pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/12 "2019-01-05T14:05:50Z")

</div>

Run ‘npm audit’.  
Chances are you didn’t install cordova-plugin-ionic dependency for the project. It requires manual installation.

npm i cordova-plugin-ionic

Now stop the server, run it again.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 19, 2021, 10:04pm UTC](https://forum.ionicframework.com/t/ionic-devapp-always-white-screen/111723/14 "2021-07-19T22:04:12Z")

</div>


