Не могу установить Reactstrap

В случае установки значков реагирования, 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

Также попытался добавить файл .env с параметром SKIP_PREFLIGHT_CHECK=true. даже это не работает



Вся эта ошибка появляется при установке reactstrap

Что я пробовал
1)Удалены модули узлов и package-lock.json
2)обновлен нпм
3)переустановил нпм

Даже я пробовал --force но ничего не произошло

все равно ошибка есть

опубликуйте свою ошибку вместо изображений и в чем ошибка при установке реакции, можете ли вы опубликовать это отдельно

Jatin Mehrotra 25.12.2020 07:58

какую ошибку вы получаете, когда пытаетесь это сделать npm i -S reactstrap

Jatin Mehrotra 25.12.2020 08:04
stackoverflow.com/a/64539759/13126651 попробуйте это
Jatin Mehrotra 25.12.2020 08:13

@Anupam Kumar Krishnan Вместо того, чтобы оставлять ошибку в качестве комментария, было бы лучше отредактировать и вставить свой вопрос.

myeongkil kim 25.12.2020 08:46
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
4
996
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Чтобы исправить дерево зависимостей, попробуйте выполнить следующие шаги в точном порядке:

  1. Удалите package-lock.json (не package.json!) и/или yarn.lock в папке вашего проекта.
  2. Удалите node_modules в папке вашего проекта.
  3. Удалите «babel-eslint» из зависимостей и/или devDependencies в файле package.json в папке вашего проекта.
  4. Запустите npm install или yarn, в зависимости от используемого менеджера пакетов.

В большинстве случаев этого должно быть достаточно, чтобы решить проблему. Если это не помогло, есть еще несколько вещей, которые вы можете попробовать:

  1. Если вы использовали npm, установите пряжу (http://yarnpkg.com/) и повторите с ней вышеуказанные шаги. Это может помочь, потому что у npm есть известные проблемы с подъемом пакетов, которые могут быть решены в будущих версиях.

  2. Проверьте, не находится ли C:\Users\asus\Desktop\react20\node_modules\babel-eslint за пределами каталога вашего проекта. Например, вы могли случайно установить что-то в свою домашнюю папку.

  3. Попробуйте запустить npm ls babel-eslint в папке вашего проекта. Это скажет вам, какой другой пакет (кроме ожидаемых сценариев реагирования) установил babel-eslint.

Если больше ничего не помогает, добавьте SKIP_PREFLIGHT_CHECK=true в файл .env в вашем проекте. Это навсегда отключит эту предварительную проверку, если вы все равно захотите продолжить.

P.S. Мы знаем, что это сообщение длинное, но, пожалуйста, прочитайте приведенные выше шаги :-) Мы надеемся, что вы найдете их полезными!

Если ничего не работает, запустите команду:

npm установить реакцию на страпе --legacy-peer-deps

Чтобы решить эту проблему, запустите указанную выше команду, которая решит эту проблему.

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