Как настроить горячую перезагрузку в react.js использование разработчиков VS - кода

#reactjs #typescript #docker #visual-studio-code #vscode-devcontainer

Вопрос:

Я начинаю учиться реагировать. Моя обычная настройка-это VS-код с разработчиками на основе докеров. Я использовал create-react-приложение, чтобы создать действительно простое приложение, с которым я могу поиграть. Но почему-то горячая перезагрузка не работает. Есть идеи, в чем может быть проблема?

На данный момент я использую действительно простой файл Dockerfile

 FROM node:14.17.0

Мой .devcontainer также очень прост

 {
"name": "Try React",
"dockerFile": "Dockerfile",
"runArgs": ["-u", "node"],
}

На консоли моего браузера отображается

 [HMR] Waiting for update signal from WDS..

как и ожидалось.
Но когда я сохраняю файлы, ничего не происходит.

1. Я бы не стал использовать Докера здесь. Просто установите узел непосредственно на хост.

2. @DavidMaze хорошо, интересно. Не могли бы вы объяснить это немного подробнее. На основании каких факторов вы бы решили использовать или не использовать Docker в проекте?

Ответ №1:

это очень распространенная ошибка. В большинстве случаев бывает так, что браузеру просто нужно некоторое время. В противном случае, возможно, получите новый браузер. Firefox и Chrome кажутся мне сравнительно медленнее, чем Brave и Safari.