iOS Simulator showing blank white screen - Capacitor - Vue.js

[Fijiannn]

Thanks for taking the time to check out my post. A little stuck here with my mobile app project using Capacitor and Vue.js

Long story short, I've got a proper Vue.js set up correctly because I tested with Node server and it functions exactly how we set it up. But when we use Capacitor plugin to boot our Vue.js product with Xcode the simulator shows blank. It does show the Capacitor splash screen and logs mention "Loading app at capacitor://localhost..." and "Web View Loaded" but nothing. I know I installed Capacitor right because I've retried multiple times and it's not rocket science either. It must be my main.js file

I've also attempted to debug the app using Safari web inspector and fixed all errors that Terminal showed me. We printed "hello" from our index.html file and it does show up on the debugger log when we boot the app and we also sneaked a quick label on the top left corner that says "hi" so we're seeing it read the index.html file but not getting any info from our main.js file. We tried to get console outputs and nothing. At first the safari debugger gave us a google fonts error but we fixed that and still nothing showing up.

[jcesarmobile]

can you provide a sample app?

[jcesarmobile]

closing since there was no response.

Next time fill the template and provide a sample app

[shikhardb]

@Fijiannn How did you solve this issue?

[Nemesis19]

give to webDir property in capacitor.config.json file the value "dist" then do npx cap copy

[TimVdWalle]

give to webDir property in capacitor.config.json file the value "dist" then do npx cap copy

this solution worked for me :)

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.