Starting a demo app in IOS 14 Sonoma, fails because dependencies

Ionic Framework
1

Hello, I just set up the IONIC environment on a MAC 14 Sonoma and when creating an app from scratch:

ionic start my-app sidemenu

angular
standalone

…the installation does not finish, generating the following error output:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
**npm ERR! **
npm ERR! While resolving: ionic-app-base@0.0.0
npm ERR! Found: zone.js@undefined
npm ERR! node_modules/zone.js
npm ERR! zone.js@“~0.14.2” from the root project
**npm ERR! **
npm ERR! Could not resolve dependency:
npm ERR! peer zone.js@“~0.14.0” from @angular/core@17.3.4
npm ERR! node_modules/@angular/core
npm ERR! @angular/core@“^17.0.2” from the root project
npm ERR! peer @angular/core@“17.3.4” from @angular/common@17.3.4
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@“^17.0.2” from the root project
**npm ERR! **
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
**npm ERR! **
**npm ERR! **
npm ERR! For a full report see:

The versions of node, npm and ionics are:

juancarlos@MacBook-Pro-de-Juan ws % ionic --version
7.2.0
juancarlos@MacBook-Pro-de-Juan ws % npm --version
10.5.0
juancarlos@MacBook-Pro-de-Juan ws % node --version
v20.12.2
juancarlos@MacBook-Pro-de-Juan ws %

Any ideas to solve these dependency problems?
Thank you very much in advance.

2

I can’t reproduce, can you try again?

If you still face the issue, try changing "@angular/common": "^17.0.2", to "@angular/common": "^17.3.4",, "@angular/core": "^17.0.2", to "@angular/core": "^17.3.4", and "zone.js": "~0.14.2" to "zone.js": "~0.14.4" in your package.json. Those are latest versions and the versions that are trying to be installed.

Worst case you can always run npm install --force to get rid of the error, but I’ve checked and those packages should not have conflicts.

3

I got the same problem:

Did the following and that fixed the problem:
1.Cleared the project directory
2. ran command : npm cache clean --force
3. re-ran command: ionic start

Original Error
npm resolution error report

While resolving: firstIonic@0.0.1
Found: zone.js@undefined
node_modules/zone.js

  • zone.js@“~0.14.2” from the root project*

Could not resolve dependency:
peer zone.js@“~0.14.0” from @angular/core@17.3.4
node_modules/@angular/core

  • @angular/core@“^17.0.2” from the root project*
  • peer @angular/core@“17.3.4” from @angular/common@17.3.4*
  • node_modules/@angular/common*
  • @angular/common@“^17.0.2” from the root project*

Fix the upstream dependency conflict, or retry
this command with --force or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.

ionic --version
7.2.0
npm --version
10.5.0
node --version
v20.12.2

4

Hello, good afternoon.

Following your steps, I created the application from scratch without problems. Thank you very much for the help.

5

Thank you very much also for the info. I did it that way, but I had doubts if it could have unwanted effects afterwards.