NPM – невозможно разрешить дерево зависимостей

У меня возникла проблема, которую я не могу решить.

Я пытался обновить webpack и webpack-cli в проекте, но постоянно получаю такие ошибки:

npm install webpack@latest  --save-dev  
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/webpack-cli
npm ERR!   dev webpack-cli@"^5.1.4" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack-cli@"4.x.x" from @webpack-cli/[email protected]
npm ERR! node_modules/@webpack-cli/init
npm ERR!   dev @webpack-cli/init@"^1.1.3" 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!
npm ERR! For a full report see:
npm ERR! C:\Users\blah.blah\AppData\Local\npm-cache\_logs\2023-09-        25T23_54_32_583Z-eresolve-report.txt

Я сделал следующее:

  1. rm -rf node_modules package-lock.json
  2. npm cache clear --force

Я пытаюсь снова установить веб-пакет, используя следующее: npm install webpack@latest --save-dev

Я получаю те же ошибки.

Я проверил версии node и npm и увидел, что они устарели. Я обновил их так, чтобы узел был v18.18.0, а npm — 10.1.0.

Я смогу заставить его работать, если добавлю флаг --legacy-peer-deps к каждой команде. Однако мне не следует этого делать.

Что-то не так с вебпаком? Что-то я делаю неправильно или что-то повреждено/неправильно настроено в моей системе?

Там "буквально" написано, что не так. У вас есть webpack-cli и @webpack-cli/init devDependency. webpack-cli v5 .1.4 установлена, а для @webpack-cli/init v1.1.3 требуется webpack-cli версия v4.x.x. Таким образом, решение состоит в том, чтобы использовать все предложенное (с использованием флага --legacy-peer-deps) или установить совместимую версию пакета (npm i -D webpack-cli@~4).

msrumon 26.09.2023 03:20
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
108
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Попробуйте выполнить следующую команду:

npm audit --fix
Ответ принят как подходящий

Пытаясь исправить предыдущую проблему, я обнаружил другую, добавив пакет @webpack-cli/init вручную.

Как заметил невежливый человек, я внес конфликт в версии, в результате чего получил ошибки.

Как я отметил в своем посте, --legacy-peer-deps гарантировал, что я смогу успешно устанавливать/удалять пакеты. Однако я успешно решил проблему, удалив @webpack-cli/init из своего проекта.

Другие вопросы по теме