Как редактировать и показывать обновления в приложении React после запуска 'npm run build'

Question

Я строю небольшой проект с CRA и хотел добавить контактную форму, поэтому я установил Express и Nodemailer. Моя первая проблема появилась, когда я попытался обслуживать свое приложение с помощью Express. Я продолжал получать эту ошибку:

'GET http://localhost:3000/%PUBLIC_URL%/manifest.json 400 (неверный запрос)'

Сообщение можно увидеть здесь .

Это было решено запуском 'npm run build' и созданием папки для сборки. Отлично. Я изменил мой код / ​​имена папок в моем файле Express, чтобы учесть изменения, и все работало;мое приложение снова показывалось на моем локальном хосте.

Но здесь возникает моя проблема. Как внести изменения в мое приложение сейчас, когда оно больше не находится в режиме разработки? Нужно ли создавать новую сборку каждый раз, когда я делаю CSS / что-либо еще и хочу, чтобы он обновлялся в браузере? Можно ли как-то обслужить мое приложение реагирования с помощью экспресс-поддержки, в то же время сохраняя все в режиме разработки, работающее так, как оно было (запуск, сохранение, изменения, отображаемые в браузере)?

Answer 1

Есть ли способ обслужить мое приложение реагирования с помощью экспресса, в то же время сохраняя все в режиме разработки, работающим так, как было (запуск npm, сохранение, изменения, отображаемые в браузере)?

Эточто делает Crisp React . «Все» включает Live Reloading, поэтому вам даже не нужно ничего сохранять, например, просто введите изменения исходного кода и браузер (подключенный к Express) автоматически обновится.