Error Occurs while installing via CLI

Ionic Framework Ionic Vue
9

So to test all was good i download a git repo that i made some 20 days back
here is how it went…
After i open the code in vscode

  1. I did npm install it was completed with over 13 vulnerabilities.
  2. So i did npm audit & then npm audit fix --force to my surprise the report came back with 32 more vulnerabilities.
  3. repeated the npm audit fix --force report came back with 14 more vulnerabilities.
  4. then i simply skipped audit and did ionic serve that started the application but gave me Vue package version mismatch refer to the screenshot below.
  5. then i realised the vue3 was not installed globally only vue/cli 4x was.
  6. so installed vue npm install vue@next
  7. deleted node_modules from the project and did npm install
  8. again it showed 14 vulnerabilities, skipping the audit i decided to just do Ionic serve

And now i get

> vue-cli-service.cmd serve
[vue-cli-service]  INFO  Starting development server...
[vue-cli-service] Syntax Error: TypeError: Cannot read property 'parseComponent' of undefined
[vue-cli-service] You may use special comments to disable some warnings.
[vue-cli-service] Use // eslint-disable-next-line to ignore the next line.
[vue-cli-service] Use /* eslint-disable */ to ignore all warnings in a file.

[INFO] Development server running!

       Local: http://localhost:8100

       Use Ctrl+C to quit this process

[INFO] Browser window opened to http://localhost:8100!

[vue-cli-service] F:\Jumbotronic\take-1\node_modules\watchpack\lib\chokidar.js:17
[vue-cli-service] throw new Error(
[vue-cli-service] ^
[vue-cli-service] Error: No version of chokidar is available. Tried chokidar@2 and chokidar@3.
[vue-cli-service] You could try to manually install any chokidar version.
[vue-cli-service] chokidar@3: Error: Cannot find module 'chokidar'
[vue-cli-service] Require stack:
..... OMITTED LINES... 
[vue-cli-service]     at Module.require (internal/modules/cjs/loader.js:952:19)
[vue-cli-service]     at require (internal/modules/cjs/helpers.js:88:18)
[vue-cli-service]     at WatcherManager.getDirectoryWatcher (F:\Jumbotronic\take-1\node_modules\watchpack\lib\watcherManager.js:14:25)
[vue-cli-service]     at WatcherManager.watchFile (F:\Jumbotronic\take-1\node_modules\watchpack\lib\watcherManager.js:28:14)

[ERROR] vue-cli-service has unexpectedly closed (exit code 1).

        The Ionic CLI will exit. Please check any output above for error details.

I will share the Git repo if required for now… all the command line output is documented in the link shared below
ScreenShot for the Step 4

take-1-err
take-1-err1366×625 14.5 KB

Step 1 to 5 PasteBin Link
Step 6 onward PasteBin Link