Trouble Installing Strapi to connect a Vue.JS, Nuxt.JS and Node.JS project to Strapi

[details=“System Information”]

  • Strapi Version: 4.11.5 (Installation not successful yet)
  • Operating System: Microsoft Windows 10 Enterprise, Version 10.0.19045
  • Database: Not installed yet (Planning to use SQLite or DynamoDB)
  • Node Version: v18.16.1
  • NPM Version: 9.8.0
  • Yarn Version: 1.22.19 [/details]

Experiencing issues while attempting to connect Strapi to a Vue.js, Nuxt.JS, and Node.js application. Have tried both yarn and npm install options, with multiple reinstall attempts. However, the installation process consistently gets stuck at the dependency installation step.

In most attempts, it starts to report a network connection error, even though there doesn’t seem to be any network issues.

Here is a snippet from the recent installation attempt:

yarn create v1.22.19
[1/4] Resolving packages…
[2/4] Fetching packages…
[3/4] Linking dependencies…
[4/4] Building fresh packages…
success Installed “create-strapi-app@4.11.5” with binaries:

  • create-strapi-app
    Creating a quickstart project.

The error usually occurs while installing dependencies, and it seems to be accompanied by multiple warnings related to formidable, memfs, mailcomposer, buildmail, source-map-resolve, source-map-url, urix, and resolve-url.

Then an unexpected error occurs linked to the date-fns package:

error An unexpected error occurred: “https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz: ESOCKETTIMEDOUT”.

Following that, a TypeError is thrown:

TypeError: Cannot read properties of undefined (reading ‘addBreadcrumb’)
…path to file… @strapi\generate-new\dist\utils\usage.js:67:28
…additional error trace…

The error ends with:

error Command failed.
Exit code: 1
Command: …path to create-strapi-app…
Arguments: new-survey-backend --quickstart
Directory: …directory of the project…

Looking forward to your guidance on resolving these issues.