как интегрировать веб-пакет с существующим реактивным проектом

Question

У меня есть реактивный проект, и я хочу связать его с помощью веб-пакета. Я настроил запись, вывод, путь и имя файла et c ,. Но при этом, когда я запускаю проект, я получаю следующие ошибки. Как я могу решить эту проблему.

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

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

"webpack": " 4.42.0 "

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

C: \ Users \ gowtham \ Desktop \ task \ node_modules \ webpack (версия: 4.42.1)

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

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

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

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

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

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

Проверьте, если C: \ Users \ gowtham \ Desktop \ task \ node_modules \ Веб-пакет находится за пределами каталога вашего проекта. Например, вы могли случайно установить что-то в вашей домашней папке.

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

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

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

npm ERR! код ELIFECYCLE npm ОШИБКА! errno 1 npm ERR! task@0.1.0 начало: react-scripts start npm ОШИБКА! Статус выхода 1 npm ERR! Ошибка при запуске сценария task@0.1.0. npm ОШИБКА! Вероятно, это не проблема с npm. Вероятно, есть дополнительные выходные данные регистрации.

npm ERR! Полный журнал этого прогона можно найти в: npm ERR!
C: \ Users \ gowtham \ AppData \ Roaming \ npm -cache_logs \ 2020-04-09T11_57_57_611Z-debug.log

PS C: \ Users \ gowtham \ Desktop \ task> npm start

task@0.1.0 start C: \ Users \ gowtham \ Desktop \ task response-scripts start

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

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

"webpack": " 4.42.0 "

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

C: \ Users \ gowtham \ Desktop \ task \ node_modules \ webpack (версия: 4.42.1)

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

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

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

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

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

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

Проверьте, если C: \ Users \ gowtham \ Desktop \ task \ node_modules \ Веб-пакет находится за пределами каталога вашего проекта. Например, вы могли случайно установить что-то в вашей домашней папке.

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

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

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

npm ОШИБКА! код ELIFECYCLE npm ОШИБКА! errno 1 npm ERR! task@0.1.0 начало: react-scripts start npm ОШИБКА! Статус выхода 1 npm ERR! npm ОШИБКА! Ошибка при запуске сценария task@0.1.0. npm ОШИБКА! Это, вероятно, не проблема с npm. Скорее всего, есть дополнительные выходные данные регистрации. Полный журнал этого прогона можно найти в: npm ERR!
C: \ Users \ gowtham \ AppData \ Roaming \ npm -cache_logs \ 2020-04-09T11_59_28_082Z-debug.log

Как я могу исправить эту проблему?