Что вызывает ошибку, как установить react pagination?

Question

[Константин]

Что не так, почему ошибка? Как реализовать пагинацию?
Подробности ниже:

$ npm install react-pagination
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @material-ui/core@4.12.4
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR!   peer react@"^16.x || ^17.x || ^18.x" from @pbe/react-yandex-maps@1.2.2
npm ERR!   node_modules/@pbe/react-yandex-maps
npm ERR!     @pbe/react-yandex-maps@"^1.2.2" from the root project
npm ERR!   peer react@"^18.0.0" from @testing-library/react@13.4.0
npm ERR!   node_modules/@testing-library/react
npm ERR!     @testing-library/react@"^13.4.0" from the root project
npm ERR!   8 more (google-map-react, react-dom, react-icons, react-router, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
npm ERR! node_modules/@material-ui/core
npm ERR!   peer @material-ui/core@"^4.0.0" from @material-ui/icons@4.11.3
npm ERR!   node_modules/@material-ui/icons
npm ERR!     @material-ui/icons@"^4.11.3" from the root project
npm ERR!   @material-ui/core@"^4.12.4" from the root project
npm ERR!
npm ERR! Conflicting peer dependency: react@17.0.2
npm ERR! node_modules/react
npm ERR!   peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
npm ERR!   node_modules/@material-ui/core
npm ERR!     peer @material-ui/core@"^4.0.0" from @material-ui/icons@4.11.3
npm ERR!     node_modules/@material-ui/icons
npm ERR!       @material-ui/icons@"^4.11.3" from the root project
npm ERR!     @material-ui/core@"^4.12.4" 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\alon3\AppData\Local\npm-cache\_logs\2023-03-16T09_22_53_709Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\alon3\AppData\Local\npm-cache\_logs\2023-03-16T09_22_53_709Z-debug-0.log

Comments

[WbICHA]

react-pagination

Last publish

8 years ago

[Константин]

WbICHA, что вы имеете в виду?

[Константин]

WbICHA, что вы имеете в виду?

[WbICHA]

Константин, зачем использовать библиотеку, которая неподдерживается с момента паблишинга? Причём прошло не немного времени, а аж 8 лет.
Собственно, версия реакта, с которой работает пакет:

"react": "^0.13.3"

[Константин]

WbICHA, да, я теперь уже догнал, что пагинацию лучше своими мозгами сделать))

[HeyAleksey]

Константин, хук для пагинации пишется за 30 минут и складывается в личную коробочку)

Answer 1

[Артем]

Ошибка возникает из-за конфликта версий зависимостей. В сообщении об ошибке указаны разные требования к версии React от разных пакетов. Например, пакет @material-ui/core требует React версии "^16.8.0 || ^17.0.0", а пакет react-pagination вероятнее всего требует React версии "^16.8.0 || ^17.0.0 || ^18.0.0". В результате npm не может определить какую версию React использовать и выдает ошибку ERESOLVE.

Вы можете попробовать установить пакет react-pagination с опцией --force, чтобы заставить npm принять неправильное разрешение зависимостей, однако это может привести к другим проблемам в вашем приложении. Лучше всего решить конфликт зависимостей, обновив версии пакетов так, чтобы они использовали совместимые версии React.

Comments

[Константин]

"Лучше всего решить конфликт зависимостей, обновив версии пакетов так, чтобы они использовали совместимые версии React." - а как это сделать?

[Артем]

Константин,
Например так:

1. Определите конфликтующие пакеты и версии React, которые используются в вашем проекте. Это можно сделать, посмотрев на список зависимостей в файле package.json вашего проекта.
   
   
2. Проверьте совместимость версий React, которые используются в ваших зависимостях. Обычно это указывается в документации каждого пакета.
   
   
3. Если версии React не совместимы, обновите версии пакетов, чтобы они использовали совместимые версии React. Обычно это делается путем изменения версий зависимостей в файле package.json.
   
   
4. Запустите команду npm install или yarn install, чтобы установить обновленные версии зависимостей.
   
   
5. Проверьте работу вашего проекта после обновления зависимостей
   

А в целом писать код для своих нужд самому. Это не так уж и проблемно.