Ionic Pro: View blank screen

When I run ionic serve locally my app runs fine in the browser.
I pushed up my changes and it built fine
git push ionic master

But when I try to view the app in the new Ionic View app. My shows a completely white blank screen. How do I tell what the problem is?

here are the output when I run ionic build, is the warning is what is causing this?

INFO] Running app-scripts build:

[00:12:19]  build dev started ...
[00:12:19]  clean started ...
[00:12:19]  clean finished in 27 ms
[00:12:19]  copy started ...
[00:12:19]  transpile started ...
[00:12:22]  transpile finished in 3.49 s
[00:12:23]  preprocess started ...
[00:12:23]  deeplinks started ...
[00:12:23]  deeplinks finished in 126 ms
[00:12:23]  preprocess finished in 126 ms
[00:12:23]  webpack started ...
[00:12:23]  copy finished in 3.82 s
[00:12:30]  webpack finished in 7.12 s
[00:12:30]  sass started ...
WARNING: you are using a deprecated variable
Backtrace:
        node_modules/ionic-angular/themes/ionic.mixins.scss:192, in mixin `deprecated-variable`
        node_modules/ionic-angular/components/label/label.md.scss:31

[00:12:31]  sass finished in 1.18 s
[00:12:31]  postprocess started ...
[00:12:31]  postprocess finished in 22 ms
[00:12:31]  lint started ...
[00:12:31]  build dev finished in 12.01 s

Ionic Pro is a hosted and closed source service, so there is not much we, the community, can help you with. There is a FAQ and common/known issues at https://ionic.zendesk.com/hc/en-us/sections/115003254647-FAQ-Common-Issues You can - and should - contact support at http://ionicframework.com/support#support. There is also https://ionicframework.com/docs/pro/.

1 Like

What native plugins are you using? Ionic View only supports a limited number of them.

Can you build your native app yourself? This could then be debugged if it has the same white screen.

Also post your ionic info output please.

Here are the supported plugins for Ionic View.


I am using some plugins that are not supported like facebook. On the old Ionic View I was able to run the same app, obviously unsupported plugins would not work, but I could at least run the app.

Plugins from package.json

    "cordova-plugin-camera": "^2.4.1",
    "cordova-plugin-compat": "^1.1.0",
    "cordova-plugin-console": "^1.0.5",
    "cordova-plugin-device": "^1.1.4",
    "cordova-plugin-facebook4": "^1.9.1",
    "cordova-plugin-native-spinner": "^1.1.3",
    "cordova-plugin-splashscreen": "^4.0.3",
    "cordova-plugin-statusbar": "^2.2.2",
    "cordova-plugin-whitelist": "^1.3.1",
    "cordova-plugin-x-socialsharing": "^5.2.0",
    "cordova-sms-plugin": "^0.1.11",

ionic info is
cli packages: (C:\Users\xxxxx\AppData\Roaming\npm\node_modules)

@ionic/cli-utils  : 1.10.1
ionic (Ionic CLI) : 3.10.1

global packages:

Cordova CLI : 7.0.1

local packages:

@ionic/app-scripts : 2.1.4
Cordova Platforms  : android 6.2.3 ios 4.4.0
Ionic Framework    : ionic-angular 3.6.0

System:

Node : v8.4.0
npm  : 5.3.0
OS   : Windows 10

For the legacy Ionic View, the list for the new one is not public yet I think.

I have no information on how to debug apps in the new Ionic View yet. You should send a support request and find out.