Ionic Vue to iOS app, how?

Ionic Framework
1

Hi, I have the following project in Ionic Vue:

o5ywEdXQ
o5ywEdXQ.png1410Ă—918 112 KB

  • but how to make this an iOS app now? Via Capacitor of Ionic? Anyone tips/tutorials how to do this?
2

$ ionic cordova build ios

3 
[ERROR] Sorry! ionic cordova build can only be run in an Ionic project
        directory.

        If this is a project you'd like to integrate with Ionic, create an
        ionic.config.json file.
4

working example, if you have any questions ping me, enjoy!

5

your suggestion wont work with capacitor…

6

Great, thanks!

It runs in the Simulator on Xcode, but with error:


2019-05-29 10:28:04.634426+0200 App[6768:6109125] [AXMediaCommon] Unable to look up screen scale
2019-05-29 10:28:04.634530+0200 App[6768:6109125] [AXMediaCommon] Unexpected physical screen orientation
2019-05-29 10:28:04.675698+0200 App[6768:6109125] [AXMediaCommon] Unable to look up screen scale
2019-05-29 10:28:04.680928+0200 App[6768:6109125] [AXMediaCommon] Unable to look up screen scale
2019-05-29 10:28:04.681037+0200 App[6768:6109125] [AXMediaCommon] Unexpected physical screen orientation
2019-05-29 10:28:04.801088+0200 App[6768:6109125] DiskCookieStorage changing policy from 2 to 0, cookie file: file:///Users/foobar/Library/Developer/CoreSimulator/Devices/68714B31-CA64-4207-90E1-58E5922DA623/data/Containers/Data/Application/0E60EF4D-4333-4C73-B267-B9824D1B6860/Library/Cookies/agency.coding.app.binarycookies
Loading network plugin
2019-05-29 10:28:05.183563+0200 App[6768:6109125] CAPKeyboard: resize mode - native
⚡️  Loading app at http://localhost:8081...
Reachable via WiFi
APP ACTIVE
⚡️  WebView failed provisional navigation
⚡️  Error: Could not connect to the server.
SplashScreen.hideSplash: SplashScreen was automatically hidden after default timeout. You should call `SplashScreen.hide()` as soon as your web app is loaded (or increase the timeout). Read more at https://capacitor.ionicframework.com/docs/apis/splash-screen/#hiding-the-splash-screen

It just shows me a white screen on the Simulator.

And can’t get Android running

7

Read the readme section where it talks about turning off live reload

1 Like