Почему создание приложения React/Vite занимает так много времени?

Я пытаюсь создать простое приложение с помощью React, но застрял на первом этапе. Кажется, он вообще ничего не делает. Пробовал как с npx create-react-app, так и с npm create vite@latest:

Анимация загрузки зависает на 10 часов, то же самое и с Vite, и с React.

Использование последней версии Node.

Узел 22,5? Он сломан.

jonrsharpe 19.07.2024 18:04

@jonrsharpe Спасибо, что поделились, это хороший прецедент для продолжения использования LTS для обычных задач, особенно FE.

Estus Flask 19.07.2024 23:45

@jonrsharpe да, спасибо! понижен до LTS, и приложение создано мгновенно

J. Doe 22.07.2024 09:20
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
3
76
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Создание приложения React или Vite иногда может занять больше времени, чем ожидалось, по нескольким причинам:

  1. Скорость сети

  2. Узловые модули

  3. Системные ресурсы

  4. Проблемы с менеджером пакетов

  5. Временные файлы

  6. Фоновые процессы

Есть много возможных причин, по которым npm install занимает так много времени. Обычно это занимает всего несколько секунд, особенно такие шаблоны, как create-react-app. Что вам следует сделать, это сузить проблему:

  1. Проблемы с сетью

Если у вас нестабильное или медленное подключение к Интернету, оно будет медленнее. npm install загружает библиотеки JavaScript из реестра пакетов npm, а затем сохраняет их локально в папке node_modules.

Попробуйте запустить ping google.com в терминале. Вы получаете такой результат?

Вы также можете попробовать speedtest.net . Это также скажет вам, насколько высока ваша скорость загрузки.

  1. Системные ресурсы или фоновые процессы

У вас работают другие приложения? Иногда это не имеет большого значения, но вы можете попробовать закрыть все остальные процессы.

  1. Узловые модули

Иногда решение так же просто, как удаление папки node_modules. Как только вы это сделаете, запустите npm install еще раз.

Я не могу точно объяснить, почему это займет 10 часов, но это хорошая отправная точка, которая поможет вам изолировать проблему. Тот факт, что то же самое произошло с Vite и React, предполагает одну из вышеперечисленных проблем.

какова причина и цель удаления node_modules? это зависимости для приложения React/Vite

J. Doe 19.07.2024 16:58

@J.Doe Я предлагаю удалить папку, а затем повторно запустить команду, потому что иногда какой-то поврежденный файл блокирует команду. Это похоже на перезагрузку компьютера или очистку кеша браузера.

Marvin 19.07.2024 18:02
Ответ принят как подходящий

Как сообщил @jonrsharpe, Node v22.5 фактически не работает, решение состоит в том, чтобы перейти на версию LTS.

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