Ralat yang dihadapi: Masalah berlaku semasa melaksanakan pemasangan npm && npm run dev - Vite - Laravel UI React

Question

Hai semua, hari ini saya menghadapi masalah, apabila saya memasang laravel ui menggunakan react dan dihantar ke langkah npm install ralat berlaku, jadi di bawah anda akan menemui ralat

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.

Jadi di atas dan di bawah ralat anda akan menemui package.json

saya

{
    "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"
    }
}

Saya cuba membaca ralat dan menukar versi vite kepada 4.0.4 tetapi tiada apa yang berlaku

Answer 1

Anda sepatutnya dapat menyelesaikan ralat ini menggunakan arahan berikut:

npm install --legacy-peer-deps

Catatan sebelum ini memperincikan apa yang --legacy-peer-deps lakukan di sini.

Ringkasnya, @vitejs/plugin-react (khususnya versi 2.2.0 yang anda miliki sebagai kebergantungan pembangunan) menyenaraikan versi vite yang lebih lama (vite@" ^3.0.0") sebagai salah satu kebergantungan rakan sebayanya, tetapi ia sedang mencari vite@"^4.0.4 yang lebih baharu yang telah dipasang " . Atas sebab yang saya tidak dapat jelaskan sepenuhnya (lihat siaran terpaut atau Google jika anda ingin tahu), NPM tidak dapat menyelesaikan konflik pergantungan rakan sebaya ini dengan cara yang sama seperti kebergantungan biasa dan pembangunan kami yang biasanya menyelesaikan dan . @vitejs/plugin-react（特别是您作为开发依赖项的版本 2.2.0）列出了旧版本的 vite（vite@"^3.0.0") 作为其对等依赖项之一，但它正在查找已安装的较新的 vite@"^4.0.4" 。由于我无法完全解释的原因（如果您好奇，请参阅链接的帖子或 Google），NPM 无法解决这种对等依赖冲突，就像我们更熟悉的常规依赖项和开发依赖项通常会解决的那样和。 --legacy-peer-deps Selesaikan isu ini dengan memintas pemasangan automatik kebergantungan rakan sebaya.