Cannot create new iOS capacitor project - error on iOS, errors when trying to build/run

mgaussie · August 31, 2024, 10:29pm

Wappler Version : 6.8.0
Operating System : Mac M1
Server Model: Capacitor?
Database Type: TBA
Hosting Type: TBA

Expected behavior

What do you think should happen?

I should be able to create a new Capacitor with Bootstrap Framework project, and then switch to iOS to start working on an iOS app.

Actual behavior

I just get a series of errors. e.g:

If you are experiencing some build errors please make sure to check the Platform Guide for ios:
https://capacitorjs.com/docs/ios
[fatal] native-run failed with error

        [object Object]: Unable to retrieve simulator list: Reduce of empty array with no initial value
  
        More details for this error may be available online: https://github.com/ionic-team/native-run/wiki/Android-Errors

When I perform a system check when 'web' is selected I get:

Checking Capacitor installation and version...
6.1.2
⠙Capacitor is correctly installed.

System check successful!

Then when I click on iOS 5.5.1 in the same list, I get the above error.

Assuming this may be an error as I have not setup 'android' i've tried to build/run a very basic app of a content page in the index.html. When I try to run on XCODE simulator I get a heap of errors and a failed build. I assume I'm doing something wrong in the setup, any pointers appreciated:

franse · August 31, 2024, 11:06pm

Hello, can you show us the package.json?
And also, what happens when you run npx cap sync ios on terminal?

franse · August 31, 2024, 11:07pm

Also please make sure that you have installed the xcode command line tools

Found that it's something like:
xcode-select --install

mgaussie · August 31, 2024, 11:40pm

Hi @franse - thanks for your help.

XCODE tools are correctly installed, and run fine.

I just restarted everything, and then tried to run the app on a iPhone 15 Pro Max sim from Wappler, this is another error:

        The following build commands failed:
        CodeSign /Users/matt--/Documents/Documents\ -\
        Matts_Mac_mini/Development/WapplerProjects/talent_plat_mob/ios/DerivedData/'UUID HERE'/Build/Products/Debug-iphonesimulator/CapacitorCordova/Cordova.framework
        (in target 'CapacitorCordova' from project 'Pods')
        (1 failure)
        
Error running your project for ios!

Here is the package.json file:

{
  "name": "wappler_mobile_app",
  "version": "1.0.0",
  "dependencies": {
    "@capacitor/core": "^5.5.1",
    "@capacitor/ios": "^5.5.1"
  },
  "devDependencies": {
    "@capacitor/cli": "^6.1.2"
  }
}

runnings npx cap sync ios in terminal :

[warn] The bundledWebRuntime configuration option has been deprecated. Please, use a bundler to bundle Capacitor and its
       plugins.
✔ Copying web assets from www to ios/App/App/public in 18.33ms
✔ Creating capacitor.config.json in ios/App/App in 519.33μs
✔ copy ios in 22.26ms
✔ Updating iOS plugins in 355.54μs
✔ Updating iOS native dependencies with pod install in 1.71s
✔ update ios in 1.73s
[info] Sync finished in 1.977s

franse · September 1, 2024, 12:01am

Always backup first!

What about

{
  "name": "wappler_mobile_app",
  "version": "1.0.0",
  "dependencies": {
    "@capacitor/core": "^5.5.1",
    "@capacitor/ios": "^5.5.1"
  },
  "devDependencies": {
    "@capacitor/cli": "5.5.1"
  }
}

Then npm install?

You can try on a new project, and discard if anything goes wrong

Cheese · September 1, 2024, 12:10am

You can also ignore this, just remove the reference to bundledWebRuntime from the config file.

mgaussie · September 1, 2024, 3:45am

franse:

{
  "name": "wappler_mobile_app",
  "version": "1.0.0",
  "dependencies": {
    "@capacitor/core": "^5.5.1",
    "@capacitor/ios": "^5.5.1"
  },
  "devDependencies": {
    "@capacitor/cli": "5.5.1"
  }
}

Tried this, and when I refresh on the ios target I get this error:

[fatal] Error: Cannot find module '@ionic/utils-process'
Require stack:
- /Users/myuser/Documents/Documents - Matts_Mac_mini/Development/WapplerProjects/talent_plat_mob/node_modules/@capacitor/cli/dist/tasks/run.js
- /Users/myuser/Documents/Documents - Matts_Mac_mini/Development/WapplerProjects/talent_plat_mob/node_modules/@capacitor/cli/dist/index.js
- /Users/myuser/Documents/Documents - Matts_Mac_mini/Development/WapplerProjects/talent_plat_mob/node_modules/@capacitor/cli/bin/capacitor
    at Module._resolveFilename (node:internal/modules/cjs/loader:1140:15)
    at Module._load (node:internal/modules/cjs/loader:981:27)
    at Module.require (node:internal/modules/cjs/loader:1231:19)
    at require (node:internal/modules/helpers:177:18)
    at Object.<anonymous> (/Users/myuser/Documents/Documents - Matts_Mac_mini/Development/WapplerProjects/talent_plat_mob/node_modules/@capacitor/cli/dist/tasks/run.js:5:25)
    at Module._compile (node:internal/modules/cjs/loader:1364:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1422:10)
    at Module.load (node:internal/modules/cjs/loader:1203:32)
    at Module._load (node:internal/modules/cjs/loader:1019:12)
    at Module.require (node:internal/modules/cjs/loader:1231:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/myuser/Documents/Documents - Matts_Mac_mini/Development/WapplerProjects/talent_plat_mob/node_modules/@capacitor/cli/dist/tasks/run.js',
    '/Users/myuser/Documents/Documents - Matts_Mac_mini/Development/WapplerProjects/talent_plat_mob/node_modules/@capacitor/cli/dist/index.js',
    '/Users/myuser/Documents/Documents - Matts_Mac_mini/Development/WapplerProjects/talent_plat_mob/node_modules/@capacitor/cli/bin/capacitor'
  ]
}

reverting to my previous package.json file removes these errors.

mgaussie · September 1, 2024, 3:51am

Important to note that this is a brand new project, I've simply tried to setup a new mobile app (first time) following the Wappler guides - so there is no issue if this project gets lost, I just need to get it up and running!

This remains my error when trying to build:

      ** BUILD FAILED **
        
        
        The following build commands failed:
        CodeSign /Users/myuser/Documents/Documents\ -\
        Matts_Mac_mini/Development/WapplerProjects/talent_plat_mob/ios/DerivedData/'UUID'/Build/Products/Debug-iphonesimulator/CapacitorCordova/Cordova.framework
        (in target 'CapacitorCordova' from project 'Pods')
        (1 failure)
        
Error running your project for ios!

Cheese · September 1, 2024, 3:06pm

Seems to be a quite common issue with the signing of the build from what I can see. Us Linux bods had a few issues whereby no prompt was shown to enter the root password for sudo purposes for some reason or other, it escapes me, but this sounds similar as in that prompt that should be displayed for you to approve signing is not being shown...

example

Maybe you previously checked 'Always Allow'? Not sure if there is anyway you can undo such an action so the dialogue is displayed again?

Here are some search results for this issue that may help? I'm not an IOS expert nor an Apple User so don't know if this is in any way helpful, but maybe?

franse · September 1, 2024, 4:38pm

Have you installed all the modules after?:

mgaussie · September 1, 2024, 11:20pm

Hi @franse , yep NPM install was executed

Thank you @Cheese - I've followed this line of search, there are a few options for me to try with xcode on github and apple support that I'll try to see if this is the issue.

mgaussie · September 4, 2024, 1:56am

@George @Teodor

I have deleted the above project, and started fresh creating a new project.

Create new mobile project with Bootstrap, and choose Capacitor as the engine
Perform system check and install all that's required (with web target selected by default)
Wait for the install to complete, run a system check to make sure everything is installed correctly - it is
Change target platform to iOS - system check prompt shows, so I run system check and install everything that's required with no errors
Once finished, I run system check again to make sure. All returns as completed successfully.
Add a basic content page to test - save all
Choose iPhone 15 Pro Max (simulator) to run on emulated device, choose run
Receive the following error in Wappler Output console:

        ** BUILD FAILED **
        
        
        The following build commands failed:
        CodeSign /Users/user/Documents/Documents\ -\
        Matts_Mac_mini/Development/WapplerProjects/talent_mob/ios/DerivedData/'UUID_here'/Build/Products/Debug-iphonesimulator/CapacitorCordova/Cordova.framework
        (in target 'CapacitorCordova' from project 'Pods')
        (1 failure)
        
Error running your project for ios!

I have reviewed, and followed all documentation/instructions from the Wappler team I could find so would appreciate some help here before I go to deep in building the mobile project in Wappler.

Cheese · September 4, 2024, 10:56am

Maybe an insight to the issue?

Link to the page:

mgaussie · September 4, 2024, 9:36pm

Thank you again @Cheese for helping.

IMPORTANT:
I have created a Non Wappler project in Xcode. This builds and runs perfectly. It is only the Wappler created project that fails.

I really would like the team to also support this issue, the purpose of Wappler is to do the heavy lifting for development, as well as help non-developers develop.

Cheese: I have gone through that link (Thank you again!) and implemented everything.

I have even taken it one step further and found the specific 'Pods' item in Xcode and set automatic signing for this, too. I setup a team profile, connected my phone, everything is running in Xcode as it should with the necessary certificates, as per the above.

However, even xCode tells me to turn off automatic signing as a recommended update:

That said I have tried to build / run WITH automatic signing on, and with it off.

These are the errors I get:

Cheese · September 4, 2024, 9:51pm

@mgaussie sorry I couldn't help. I'm a Linux User and these days only create Android applications (we did do two IOS applications a couple of years ago but that whole Apple application building process is painful in comparison).

I think the Team themselves need to expose themselves to both Android and IOS idiosyncrasies in an aim to improve them. Both are fraught with issues from the get-go. It really needs some intervention and investigation so the Team understand the problems and can improve upon the process. It is FAR from being no-code or low-code and out of the box really does not make for an easy or enjoyable experience. It is messy and frustrating, and I'm saying that having got to grips with both Cordova (which had far less issues) and Capacitor (which has numerous issues), and even Electron now is harder than ever to get working... Hmmmmmmm.

Let's hope Wappler 7 offers some improvements for Mobile in simplifying things for everyone! And in the meantime hopefully one of the Team can step in and help with the issues you are experiencing by trying to build and deploy their own 'test' application for IOS...

Can but hope!

mgaussie · September 4, 2024, 10:37pm

I really appreciate your efforts to help @Cheese so please do not apologise.

It really does seem like another example of the team not using what they build. Something the community continues to call for when certain decisions are made (e.g. like removing duplicate response step!). I'm capable enough to launch a app from Xcode, yet when Wappler gets involved it's full with errors.

Thank you - at this stage, i'll just move to FlutterFlow for this, zero team attention is very discouraging.