Xcode build failed (ionic, Vue, Capacitor)

Hello,

I am new to Ionic framework and when I saw this blog post, I was excited to test the new Ionic version with Vue 3 and it’s composition API, but I ran into an issue while trying to run the app in iOS simulator using Xcode.

I started with “blank” template and made no other changes. Running dev server and testing in browser works fine without any issues.

When trying to run the app in Xcode, I get “Build Failed” error with a list of many things in the error console (see Xcode window in the attached screenshot). It works fine in browser so I don’t suspect it’s an issue of the app itself as it’s just Vue project using “blank” template.

Commands executed to test in iOS simulator:

1. ionic capacitor add ios
2. npx cap open ios
3. Clicking “Run” (Play) button in Xcode

xcode-errors4010×1920 1.08 MB

Versions of OS, tools and packages:

macOS Catalina 10.15.7
Xcode 12.0.1 (12A7300)
Node.js 12.18.3
NPM 6.14.8

I was following these documentation steps to configure iOS platform:

1. https://ionicframework.com/docs/developing/ios#xcode-setup
2. https://ionicframework.com/docs/developing/ios#project-setup
3. https://ionicframework.com/docs/developing/ios#running-with-the-ionic-cli

Thank you very much for your help, I really look forward to use Ionic for cross-platform development as it suits the app I am working on perfectly.

Jakub

1 post - 1 participant

Read full topic