Запуск NPM возвращает ошибку «Возможно, проблема с деревом зависимостей проекта»

Question

Я новичок в кодировании и у меня проблемы с тем, почему я больше не могу правильно настроить React. Я боролся на прошлой неделе, а затем, наконец, справился. Но теперь у меня снова возникла та же проблема, и ничего не работает.

У меня есть проект, который я начал с npx create-react-app, а затем, когда я захожу в проект, думаю, эта проблема:

Возможно, проблема с деревом зависимостей проекта. это скорее всего не ошибка в приложении Create React, но что-то, что вам нужно исправить на местном уровне.

Пакет реагирующих сценариев, предоставляемый приложением Create React, требует зависимость:

"webpack": "4.29.6"

Не пытайтесь установить его вручную: ваш менеджер пакетов делает это автоматически. Однако была обнаружена другая версия веб-пакета. выше в дереве:

/ Пользователи / aliceparker / node_modules / webpack (версия: 4.33.0)

Известно, что ручная установка несовместимых версий трудно отлаживаемые проблемы.

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

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

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

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

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

6. Проверьте, находится ли / Users / aliceparker / node_modules / webpack вне каталога вашего проекта. Например, вы могли случайно установить что-то в вашей домашней папке.

7. Попробуйте запустить npm ls webpack в папке вашего проекта. Это скажет вам, какой другой пакет (кроме ожидаемых реагирующих скриптов) установил веб-пакет.

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

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

Я следовал за шагами выше. Все еще получите вопрос. Я также удалил веб-пакет глобально и переустановил его.

Вот как выглядит мой файл package.json:

`{
  "name": "ravenous-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-scripts": "3.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}`

Может ли кто-нибудь помочь мне решить эту проблему? (Ps. Я пытался просто создать новый проект, но получил ту же проблему ...)

Answer 1

Вы можете следовать инструкциям, приведенным в журнале ошибок.

1. Удалить package-lock.json (не package.json!) И / или yarn.lock в папке вашего проекта.

2. Удалите node_modules в папке вашего проекта.

3. Удалите "webpack" из зависимостей и / или devDependencies в файле package.json в папке вашего проекта.

4. Запустите npm install или yarn, в зависимости от используемого менеджера пакетов.

Answer 2

Проблема в том, что веб-пакет установлен в вашем пользовательском каталоге.Удалите его с помощью npm или вручную, и все должно работать нормально: ref: https://github.com/facebook/create-react-app/issues/6120

Answer 3

В терминале запустите:

cd ~

Затем:

ls

Вы должны увидеть список файлов.Если node_modules включено в этот список (как это и должно быть), вы хотите удалить эту папку.Вы можете сделать это в терминале следующим образом:

rm -rf node_modules

Но имейте в виду: это не отправит папку в корзину.Это безвозвратно удалит его.rm -rf - мощная команда.Если это заставляет вас нервничать, введите open ..Это откроет ваш «домашний» (~) каталог в Finder, и вы можете удалить node_modules в привычном, щелкнув правой кнопкой мыши, способе отправки в корзину.

Надеюсь, это поможет!