An error message appears when running "npm install"

[greenking19]

What happened?

When I created the project, I ran "npm install" and got an error.
error log 👇

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: @quasar/[email protected]
npm error Found: [email protected]
npm error node_modules/typescript
npm error   dev typescript@"~5.3.0" from the root project
npm error   peerOptional typescript@"*" from @vue/[email protected]
npm error   node_modules/@vue/language-core
npm error     @vue/language-core@"1.8.27" from [email protected]
npm error     node_modules/vue-tsc
npm error       dev vue-tsc@"^1.8.22" from the root project
npm error       1 more (vite-plugin-checker)
npm error   6 more (pinia, ts-api-utils, ts-essentials, vite-plugin-checker, ...)
npm error
npm error Could not resolve dependency:
npm error peerOptional typescript@">= 5.4" from @quasar/[email protected]
npm error node_modules/@quasar/app-vite
npm error   dev @quasar/app-vite@"^2.0.0-beta.12" from the root project
npm error
npm error Conflicting peer dependency: [email protected]
npm error node_modules/typescript
npm error   peerOptional typescript@">= 5.4" from @quasar/[email protected]
npm error   node_modules/@quasar/app-vite
npm error     dev @quasar/app-vite@"^2.0.0-beta.12" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error

What did you expect to happen?

npm install succeeded

Reproduction URL

https://github.com/greenking19/quasar-npm-install-bug.git

How to reproduce?

github repository：https://github.com/greenking19/quasar-npm-install-bug.git

After cloning, run npm install in the terminal
The following error will appear

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Quasar CLI Commands/Configuration (@quasar/cli | @quasar/app-webpack | @quasar/app-vite)

Platforms/Browsers

No response

Quasar info output

Operating System - Darwin(22.1.0) - darwin/arm64
NodeJs - 20.13.1

Global packages
  NPM - 10.9.0
  yarn - 1.22.19
  pnpm - Not installed
  bun - Not installed
  @quasar/cli - 2.4.1
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.17.4 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 2.0.0-rc.3 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.16.13 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.13 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.4.5
  pinia - 2.2.6 -- Intuitive, type safe and flexible Store for Vue
  vuex - Not installed
  vite - 5.4.11 -- Native-ESM powered web dev build tool
  vite-plugin-checker - Not installed
  eslint - 8.57.1 -- An AST-based pattern checker for JavaScript.
  esbuild - 0.24.0 -- An extremely fast JavaScript and CSS bundler and minifier.
  typescript - 5.3.3 -- TypeScript is a language for application scale JavaScript development
  workbox-build - Not installed
  register-service-worker - Not installed
  electron - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Relevant log output

No response

Additional context

No response

[yusufkandemir]

It created an outdated project. When using npm, use npm init quasar@latest command to ensure it fetches the latest project templates. We've updated the docs but haven't released it yet.