Как решить проблему с webpack с помощью npm-start

Question

Вот моя страница с ошибкой:

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

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

"webpack": "4.19.1"

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

C: \ Users \ Acer \ node_modules \ webpack (версия: 4.28.3)

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

Если вы предпочитаете игнорировать эту проверку, добавьте 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. Проверьте, находится ли C: \ Users \ Acer \ node_modules \ webpack вне каталога вашего проекта. Например, вы могли случайно установить что-то в вашей домашней папке.

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

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

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

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! first-app@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the first-app@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Acer\AppData\Roaming\npm-cache\_logs\2019-01-03T12_30_23_160Z-debug.log

Я применил все шаги, но команда npm start по-прежнему не работает. Что мне делать?

Answer 1

Я получил решение! Сосредоточьтесь на пункте 6: он просит удалить папку node_modules за пределами каталога вашего проекта.

Итак, я удалил папку C:\Users\Acer\node_modules и npm start у меня сработало !!

Answer 2

Это связано с конфликтом зависимостей модуля узла.

Удалить папку node_modules из C:\Users\Acer directory.Это решит проблему.

Answer 3

У меня такая же ошибка!Я думаю, что я мог установить какую-то предыдущую версию веб-пакета и не могу от нее избавиться!я взял свой компьютер друзей и установил реагировать как эти команды

npm install create-react-app -g
create-react-app newappname

, затем через некоторое время

npm start

и он открылся в браузере, он работал так.

Как удалить модули npm в узле js?