React приложение застряло на «Запуск сервера разработки»

У меня есть приложение «Реакция», созданное с помощью команды «создать-реакция-приложение» После запуска npm start (сценарий запуска присутствует в package.json как «start»: «response-scripts start»), консоль говорит «Запуск сервера разработки как обычно» и запускает браузер. Но после этого и консоль, и браузер не делают абсолютно ничего бесконечно. Нет ошибок или выходных данных. Это просто ничего не делает.

Проверить это Буксировка точек

1. Запустите команду npm install перед запуском сервера.

Тогда тоже не работает, попробуйте вторую команду

2. Удалите узлы модулей и снова запустите npm install.

Если эти две точки не сработали, предоставьте скриншот для дальнейшего анализа.

Наконец-то решил это. Для меня проблема заключалась в моей конфигурации веб-пакета. У меня там был псевдоним веб-пакета, имя которого совпадает с именем моего пакета npm.

то есть у моего package.jsonбыло следующее наверху.

"name": "@mycompany/react-common-components"

В моем webpack.config.jsя имел

alias: {
        '@mycompany/react-common-components': path.resolve(__dirname, '../src/components')
      },

Как только я изменил псевдоним веб-пакета на следующий, все работало нормально

alias: {
        'react-common-components': path.resolve(__dirname, '../src/components')
      },

У меня что-то подобное происходит со мной.

У меня есть реактивный проект, который я хочу преобразовать в Typescript, и я начал, как вы заметили, с помощью «create-реагировать-приложение», добавил все мои файлы и надеялся на лучшее - но застрял, как и вы, на «Запуск сервера разработки». Сообщение.

У меня 8 ГБ ОЗУ с Windows 10, и как только я впервые использовал стандартное «npm start», я увидел, что процесс узла использует много памяти - поэтому я попытался дать ему больше, и в то же время я устал изменить порт реагировать использует.

1. Добавил это в стартовый скрипт в package.json:

   "scripts": { "start": "PORT=3001 react-scripts --max_old_space_size=8128 start", ... }

2. Закрыты все мои браузеры Chrome (они занимают довольно много памяти)

3. И дал ему около 1 минуты, чтобы бежать

Через 1 минуту он начал работать и с этого момента он просто запускается быстро и не использует столько памяти и не зависит от выбранного порта

В моем случае - я полагаю, что когда вы в первый раз запускаете «npm start» в проекте React Typescript, он, вероятно, индексирует файлы (или делает что-то подобное - я не уверен, и, вероятно, мне нужно прочитать об этом - я новичок в машинописи) ), которые занимают много памяти.

В вашем случае - это может быть что-то подобное

Надеюсь, поможет :)

Убедитесь, что ваши зависимости package.jsonвключают в себя следующее:

"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-scripts": "3.3.0"

И скрипты должны быть:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
}

Убедившись в этом, вы можете выполнить следующие шаги:

1. npm install
2. npm run build
3. npm start

Надежда будет работать для вас.

Я полагаю, у вас могут возникнуть проблемы с Node и npm. Я бы порекомендовал сначала проверить версии - вам нужно иметь Node> = 8.10 и npm> = 5.6 на вашем компьютере и обновлять при необходимости. Возможно, стоит попытаться переустановить узел.

Регистрация в журналах узлов может дать некоторые подсказки по вашей проблеме (более подробную информацию о том, как зарегистрироваться здесь )

У меня тоже была такая же проблема. Попробуйте установить предыдущую версию реагирующих скриптов.

npm install react-scripts@2.1.8

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

была та же проблема, я должен был построить его первым

npm build тогда npm start

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

Для меня проблема была в том, что у меня были .cssфайлы.

Я переименовал мои CSS файлы, .scssи это работает.

По какой-то причине create-реакции-app захлебывается CSS-файлами для меня.

Weird.