В случае установки значков реагирования, reactstrap и react-toastify
C:\Users\Anupam K Krishnan\Desktop\React20\four-tictactoe>npm install react-icons reactstrap react-toastify
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! peer react@"*" from @testing-library/[email protected]
npm ERR! node_modules/@testing-library/react
npm ERR! @testing-library/react@"^11.2.2" from the root project
npm ERR! peer react@"17.0.1" from [email protected]
npm ERR! node_modules/react-dom
npm ERR! peer react-dom@"*" from @testing-library/[email protected]
npm ERR! node_modules/@testing-library/react
npm ERR! @testing-library/react@"^11.2.2" from the root project
npm ERR! react-dom@"^17.0.1" from the root project
npm ERR! 2 more (reactstrap, react-transition-group)
npm ERR! 5 more (the root project, react-icons, react-toastify, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"0.14.x || ^15.0.0 || ^16.0.0" from [email protected]
npm ERR! node_modules/reactstrap/node_modules/react-popper
npm ERR! react-popper@"^1.3.6" from [email protected]
npm ERR! node_modules/reactstrap
npm ERR! reactstrap@"*" 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:\Users\Anupam K Krishnan\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Anupam K Krishnan\AppData\Local\npm-cache\_logs\2020-12-25T16_47_42_992Z-debug.log
В случае использования --force
npm WARN using --force Recommended protections disabled.
npm WARN ERESOLVE overriding peer dependency
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN peer react@"*" from @testing-library/[email protected]
npm WARN node_modules/@testing-library/react
npm WARN @testing-library/react@"^11.2.2" from the root project
npm WARN 6 more (react-dom, the root project, react-icons, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"0.14.x || ^15.0.0 || ^16.0.0" from [email protected]
npm WARN node_modules/reactstrap/node_modules/react-popper
npm WARN react-popper@"^1.3.6" from [email protected]
npm WARN node_modules/reactstrap
npm WARN ERESOLVE overriding peer dependency
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN peer react@"*" from @testing-library/[email protected]
npm WARN node_modules/@testing-library/react
npm WARN @testing-library/react@"^11.2.2" from the root project
npm WARN 6 more (react-dom, the root project, react-icons, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"0.14.x || ^15.0.0 || ^16.0.0" from [email protected]
npm WARN node_modules/reactstrap/node_modules/react-popper
npm WARN react-popper@"^1.3.6" from [email protected]
npm WARN node_modules/reactstrap
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! peer react@"*" from @testing-library/[email protected]
npm ERR! node_modules/@testing-library/react
npm ERR! @testing-library/react@"^11.2.2" from the root project
npm ERR! peer react@"17.0.1" from [email protected]
npm ERR! node_modules/react-dom
npm ERR! peer react-dom@"*" from @testing-library/[email protected]
npm ERR! node_modules/@testing-library/react
npm ERR! @testing-library/react@"^11.2.2" from the root project
npm ERR! react-dom@"^17.0.1" from the root project
npm ERR! 2 more (reactstrap, react-transition-group)
npm ERR! 5 more (the root project, react-icons, react-toastify, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^0.14.0 || ^15.0.0 || ^16.0.0" from [email protected]
npm ERR! node_modules/reactstrap/node_modules/create-react-context
npm ERR! create-react-context@"^0.3.0" from [email protected]
npm ERR! node_modules/reactstrap/node_modules/react-popper
npm ERR! react-popper@"^1.3.6" from [email protected]
npm ERR! node_modules/reactstrap
npm ERR! reactstrap@"*" 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:\Users\Anupam K Krishnan\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Anupam K Krishnan\AppData\Local\npm-cache\_logs\2020-12-25T17_16_41_640Z-debug.log
Вся эта ошибка появляется при установке reactstrap
Что я пробовал
1)Удалены модули узлов и package-lock.json
2)обновлен нпм
3)переустановил нпм
Даже я пробовал --force но ничего не произошло
все равно ошибка есть
какую ошибку вы получаете, когда пытаетесь это сделать npm i -S reactstrap
@Anupam Kumar Krishnan Вместо того, чтобы оставлять ошибку в качестве комментария, было бы лучше отредактировать и вставить свой вопрос.
Чтобы исправить дерево зависимостей, попробуйте выполнить следующие шаги в точном порядке:
В большинстве случаев этого должно быть достаточно, чтобы решить проблему. Если это не помогло, есть еще несколько вещей, которые вы можете попробовать:
Если вы использовали npm, установите пряжу (http://yarnpkg.com/) и повторите с ней вышеуказанные шаги. Это может помочь, потому что у npm есть известные проблемы с подъемом пакетов, которые могут быть решены в будущих версиях.
Проверьте, не находится ли C:\Users\asus\Desktop\react20\node_modules\babel-eslint за пределами каталога вашего проекта. Например, вы могли случайно установить что-то в свою домашнюю папку.
Попробуйте запустить npm ls babel-eslint в папке вашего проекта. Это скажет вам, какой другой пакет (кроме ожидаемых сценариев реагирования) установил babel-eslint.
Если больше ничего не помогает, добавьте SKIP_PREFLIGHT_CHECK=true в файл .env в вашем проекте. Это навсегда отключит эту предварительную проверку, если вы все равно захотите продолжить.
P.S. Мы знаем, что это сообщение длинное, но, пожалуйста, прочитайте приведенные выше шаги :-) Мы надеемся, что вы найдете их полезными!
Если ничего не работает, запустите команду:
npm установить реакцию на страпе --legacy-peer-deps
Чтобы решить эту проблему, запустите указанную выше команду, которая решит эту проблему.
опубликуйте свою ошибку вместо изображений и в чем ошибка при установке реакции, можете ли вы опубликовать это отдельно