Ionic Pro: View blank screen

Appflow
#1

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

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

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.

#4

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

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.