Changing package versions for my app

Hello,

I have an app that was built in ionic vue 5.4 and capacitor 3.

The build on appflow is ionic 6. Can i change that to my own versions?

Appflow doesn’t change the ionic framework version your app uses, in any case it uses a different Ionic CLI version, which is the tooling and shouldn’t affect your app and it’s globally installed in your computer or appflow, is independent from your app and you should always use latest version of it.

Ionic CLI 6 is compatible with Ionic Framework 5 and even backward compatible with older versions.

I linked my github where my private repo is. However, i get this error

13:25:59: — Step: dependency_install —
13:25:59: --------------------------------
13:25:59: Installing Dependencies
13:25:59: $ npm ci --no-optional --quiet
13:25:59: ▸ npm WARN config optional Use --omit=optional to exclude optional dependencies, or
13:25:59: ▸ npm WARN config --include=optional to include them.
13:25:59: ▸ npm WARN config
13:25:59: ▸ npm WARN config Default value does install optional deps unless otherwise omitted.
[13:26:01]: ▸ npm ERR! code ERESOLVE
[13:26:01]: ▸ npm ERR! ERESOLVE could not resolve
[13:26:01]: ▸ npm ERR!
[13:26:01]: ▸ npm ERR! While resolving: @capacitor/browser@4.1.0
[13:26:01]: ▸ npm ERR! Found: @capacitor/core@3.0.0
[13:26:01]: ▸ npm ERR! node_modules/@capacitor/core
[13:26:01]: ▸ npm ERR! @capacitor/core@“3.0.0” from the root project
[13:26:01]: ▸ npm ERR! peer @capacitor/core@“~3.0.0” from @capacitor/android@3.0.0
[13:26:01]: ▸ npm ERR! node_modules/@capacitor/android
[13:26:01]: ▸ npm ERR! @capacitor/android@“3.0.0” from the root project
[13:26:01]: ▸ npm ERR! 3 more (@capacitor/app, @capacitor/haptics, @capacitor/keyboard)
[13:26:01]: ▸ npm ERR!
[13:26:01]: ▸ npm ERR! Could not resolve dependency:
[13:26:01]: ▸ npm ERR! peer @capacitor/core@“^4.0.0” from @capacitor/browser@4.1.0
[13:26:01]: ▸ npm ERR! node_modules/@capacitor/browser
[13:26:01]: ▸ npm ERR! @capacitor/browser@“^4.1.0” from the root project
[13:26:01]: ▸ npm ERR!
[13:26:01]: ▸ npm ERR! Conflicting peer dependency: @capacitor/core@4.6.3
[13:26:01]: ▸ npm ERR! node_modules/@capacitor/core
[13:26:01]: ▸ npm ERR! peer @capacitor/core@“^4.0.0” from @capacitor/browser@4.1.0
[13:26:01]: ▸ npm ERR! node_modules/@capacitor/browser
[13:26:01]: ▸ npm ERR! @capacitor/browser@“^4.1.0” from the root project
[13:26:01]: ▸ npm ERR!
[13:26:01]: ▸ npm ERR! Fix the upstream dependency conflict, or retry
[13:26:01]: ▸ npm ERR! this command with --force, or --legacy-peer-deps
[13:26:01]: ▸ npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
[13:26:01]: ▸ npm ERR!
[13:26:01]: ▸ npm ERR! See /root/.npm/eresolve-report.txt for a full report.
[13:26:01]: ▸ npm ERR! A complete log of this run can be found in:
[13:26:01]: ▸ npm ERR! /root/.npm/_logs/2023-02-13T13_25_59_778Z-debug-0.log
[13:26:01]: npm ci failed falling back to npm install
[13:26:01]: $ npm install --no-optional --quiet
[13:26:02]: ▸ npm WARN config optional Use --omit=optional to exclude optional dependencies, or
[13:26:02]: ▸ npm WARN config --include=optional to include them.
[13:26:02]: ▸ npm WARN config
[13:26:02]: ▸ npm WARN config Default value does install optional deps unless otherwise omitted.
[13:26:04]: ▸ npm ERR! code ERESOLVE
[13:26:04]: ▸ npm ERR! ERESOLVE could not resolve
[13:26:04]: ▸ npm ERR!
[13:26:04]: ▸ npm ERR! While resolving: @capacitor/browser@4.1.0
[13:26:04]: ▸ npm ERR! Found: @capacitor/core@3.0.0
[13:26:04]: ▸ npm ERR! node_modules/@capacitor/core
[13:26:04]: ▸ npm ERR! @capacitor/core@“3.0.0” from the root project
[13:26:04]: ▸ npm ERR! peer @capacitor/core@“~3.0.0” from @capacitor/android@3.0.0
[13:26:04]: ▸ npm ERR! node_modules/@capacitor/android
[13:26:04]: ▸ npm ERR! @capacitor/android@“3.0.0” from the root project
[13:26:04]: ▸ npm ERR! 3 more (@capacitor/app, @capacitor/haptics, @capacitor/keyboard)
[13:26:04]: ▸ npm ERR!
[13:26:04]: ▸ npm ERR! Could not resolve dependency:
[13:26:04]: ▸ npm ERR! peer @capacitor/core@“^4.0.0” from @capacitor/browser@4.1.0
[13:26:04]: ▸ npm ERR! node_modules/@capacitor/browser
[13:26:04]: ▸ npm ERR! @capacitor/browser@“^4.1.0” from the root project
[13:26:04]: ▸ npm ERR!
[13:26:04]: ▸ npm ERR! Conflicting peer dependency: @capacitor/core@4.6.3
[13:26:04]: ▸ npm ERR! node_modules/@capacitor/core
[13:26:04]: ▸ npm ERR! peer @capacitor/core@“^4.0.0” from @capacitor/browser@4.1.0
[13:26:04]: ▸ npm ERR! node_modules/@capacitor/browser
[13:26:04]: ▸ npm ERR! @capacitor/browser@“^4.1.0” from the root project
[13:26:04]: ▸ npm ERR!
[13:26:04]: ▸ npm ERR! Fix the upstream dependency conflict, or retry
[13:26:04]: ▸ npm ERR! this command with --force, or --legacy-peer-deps
[13:26:04]: ▸ npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
[13:26:04]: ▸ npm ERR!
[13:26:04]: ▸ npm ERR! See /root/.npm/eresolve-report.txt for a full report.
[13:26:04]: ▸ npm ERR! A complete log of this run can be found in:
[13:26:04]: ▸ npm ERR! /root/.npm/_logs/2023-02-13T13_26_02_369Z-debug-0.log
[13:26:04]: -------------------------
[13:26:04]: — Step: upload_logs —
[13:26:04]: -------------------------
[13:26:06]: Unable to upload package list log. Skipping.

My project do not have node_modules directory since i ignored it since its too large.

You have @capacitor/core@3.0.0 installed but you are trying to use version 4 of Capacitor plugins, which require @capacitor/core@4.x.

If you are in Capacitor 3, install version 1.x of Capacitor plugins.
If you are in Capacitor 4, update all the packages to 4.x (core, cli, ios, android and plugins that you use)

If it’s working in your computer, you are probably using npm 6 or have node configured to install packages using --force or --legacy-peer-deps, those things will make npm install to work, but the version problems will cause issues in your app.
Appflow uses npm 7 or newer, which will error when those versions mismatch happen instead of installing and cause issues later.