Ionic react installation error

Ionic Framework Ionic React
1

Hi all,

I am very very new to Ionic, I follow the tutorial and just want to install the ionic react,

but after run: ionic start and input the project name, then I got this error: :worried:

? Starter template: blank
:heavy_check_mark: Preparing directory ./ionic_react_bmi in 970.06ΞΌp
:heavy_check_mark: Downloading and extracting blank starter in 193.87ms

ionic integrations enable capacitor --quiet – ionic_react_bmi
io.ionic.starter
npm i --save -E @capacitor/core
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
**npm ERR! **
npm ERR! Found: @babel/core@7.12.3
npm ERR! node_modules/@babel/core
npm ERR! @babel/core@β€œ7.12.3” from react-scripts@4.0.2
npm ERR! node_modules/react-scripts
npm ERR! react-scripts@β€œ4.0.2” from the root project
npm ERR! @babel/core@β€œ^7.12.3” from @svgr/webpack@5.5.0
npm ERR! node_modules/@svgr/webpack
npm ERR! @svgr/webpack@β€œ5.5.0” from react-scripts@4.0.2
npm ERR! node_modules/react-scripts
npm ERR! react-scripts@β€œ4.0.2” from the root project
npm ERR! 9 more (babel-jest, babel-loader, …)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @babel/core@β€œ^7.13.0” from @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.13.12
npm ERR! node_modules/@babel/preset-env/node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining
npm ERR! @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@β€œ^7.13.12” from @babel/preset-env@7.13.12
npm ERR! node_modules/@babel/preset-env
npm ERR! @babel/preset-env@β€œ^7.12.1” from @svgr/webpack@5.5.0
npm ERR! node_modules/@svgr/webpack
npm ERR! @svgr/webpack@β€œ5.5.0” from react-scripts@4.0.2
npm ERR! node_modules/react-scripts
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! See /Users/yinggu/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/yinggu/.npm/_logs/2021-03-31T00_37_27_108Z-debug.log
[ERROR] An error occurred while running subprocess npm.

    npm i --save -E @capacitor/core exited with exit code 1.
    
    Re-running this command with the --verbose flag may provide more
    information.

It told me I should use --force fix this problem, but I have no idea, how to do this… Can you give me some suggests? :sweat_smile:

2

I have just fixed this problem. Simply update npm global, maybe there are some old packages… :sweat_smile: