Erreur rencontrée : un problème est survenu lors de l'exécution de npm install && npm run dev - Vite - Laravel UI React

Question

Salut à tous, aujourd'hui j'ai rencontré un problème, lorsque j'ai installé laravel ui en utilisant React et passé à l'étape npm install une erreur s'est produite, vous trouverez donc ci-dessous l'erreur

npm ERR! A complete log of this run can be found in:
npm ERR!     C:UsersE495AppDataLocalnpm-cache_logs2023-01-16T08_08_36_872Z-debug-0.log
PS C:UsersE495Desktoplaravel-simple-crud> npm install
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: undefined@undefined
npm ERR! Found: vite@4.0.4
npm ERR! node_modules/vite
npm ERR!   dev vite@"^4.0.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vite@"^3.0.0" from @vitejs/plugin-react@2.2.0
npm ERR! node_modules/@vitejs/plugin-react
npm ERR!   dev @vitejs/plugin-react@"^2.2.0" 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! See C:UsersE495AppDataLocalnpm-cacheeresolve-report.txt for a full report.

Donc au dessus et en dessous de l'erreur vous trouverez mon package.json

{
    "private": true,
    "scripts": {
        "dev": "vite",
        "build": "vite build"
    },
    "devDependencies": {
        "@popperjs/core": "^2.11.6",
        "@tailwindcss/forms": "^0.5.2",
        "@vitejs/plugin-react": "^2.2.0",
        "alpinejs": "^3.4.2",
        "autoprefixer": "^10.4.2",
        "axios": "^1.1.2",
        "bootstrap": "^5.2.3",
        "laravel-vite-plugin": "^0.7.2",
        "lodash": "^4.17.19",
        "postcss": "^8.4.6",
        "react": "^18.2.0",
        "react-dom": "^18.2.0",
        "sass": "^1.56.1",
        "tailwindcss": "^3.1.0",
        "vite": "^4.0.4"
    }
}

J'ai essayé de lire l'erreur et de changer la version vite en 4.0.4 mais rien ne s'est passé

Answer 1

Vous devriez pouvoir résoudre cette erreur en utilisant la commande suivante :

npm install --legacy-peer-deps

Ce post précédent détaille ce que --legacy-peer-deps fait ici.

En bref, @vitejs/plugin-react (en particulier la version 2.2.0 que vous avez comme dépendance de développement) répertorie les anciennes versions de vite (vite@" ^3.0.0") comme l'une de ses dépendances homologues, mais il recherche le plus récent vite@"^4.0.4 déjà installé " . Pour des raisons que je ne peux pas expliquer entièrement (voir l'article lié ou Google si vous êtes curieux), NPM est incapable de résoudre ce conflit de dépendance entre pairs de la même manière que nos dépendances régulières et de développement plus familières le résolvent généralement et . @vitejs/plugin-react（特别是您作为开发依赖项的版本 2.2.0）列出了旧版本的 vite（vite@"^3.0.0") 作为其对等依赖项之一，但它正在查找已安装的较新的 vite@"^4.0.4" 。由于我无法完全解释的原因（如果您好奇，请参阅链接的帖子或 Google），NPM 无法解决这种对等依赖冲突，就像我们更熟悉的常规依赖项和开发依赖项通常会解决的那样和。 --legacy-peer-deps Contournez ce problème en contournant l'installation automatique des dépendances homologues.