Vuejs/Quasar Ordova android generates blank app

Asked

Viewed 370 times

0

Hello,

I started using Quasar Framework to create a hybrid app for Android.

After following the installation steps (WINDOWS 10), I created a standard project, IE, I haven’t developed anything yet, I ran the command to run the app in the emulator: $ quasar dev -m Cordova -T android

the process presented no error, the app was successfully installed in the emulator, but when I open the app in the emulator presents a blank screen.

Someone can help me with that?

From now on thank you!

  • I’ve had this problem with angular, IE, white screen if pq in the generated apk is not possible to make internal requests, I solved emulating a mini server with ngrok and Linkei all requests again, started to work both on mobile and desktop

  • Would you be so kind as to give me more guidance on how to do that? Give me a try? from what I understood then the problem is not the quasar nor the Cordova, is this?

  • I’ll assemble an answer

  • Vlw Felipe, thank you very much

  • Using ngrok as it is when I distribute? It already goes along with APK?

  • Sorry, I didn’t have time to finish yesterday, but I already answered

Show 1 more comment

1 answer

0

In development environment each request is made locally, unless you Linke everything externally, for example on...

<script src="/lib/ionic/js/ionic.bundle.js"></script>

You take the lib locally as if it were localhost:8000/lib/ionic/js/ionic.bundle.js

On desktop this address makes sense, because you are emulating an internal server, but on another device? he won’t know what this localhost:8000 is

Therein comes the ngrok, just create a server on port 8000 with the command ngrok http 8000, it will generate 2 url s with access to your server one with certificate and the other without.

then just link your calls correctly, example...

<script src="http://81ade093.ngrok.io/lib/ionic/js/ionic.bundle.js"></script>

Browser other questions tagged

You are not signed in. Login or sign up in order to post.