#javascript #reactjs #create-react-app
#javascript #reactjs #create-react-app
Вопрос:
Я начинающий изучать React. У меня возникла проблема, когда я удаляю все шаблонные файлы, кроме index.js для того, чтобы начать с нуля.
Я создаю свой первый компонент «hello world», а затем запускаю сервер разработки. Браузер открывается и показывает мой компонент, но когда я меняю «привет, мир» на «привет, люди», компонент, отображаемый в браузере, по-прежнему остается «привет, мир», и мне нужно обновить браузер, чтобы показать «привет, люди».
В консоли не отображается никаких ошибок. Единственное, что есть в консоли, это [HMR] Waiting for update signal from WDS...
Я новичок и много искал, как это исправить, но я не мог это решить. Пожалуйста, предложите что-нибудь, что может решить проблему.
Ответ №1:
Вам необходимо настроить webpack, чтобы отслеживать ваши изменения
в webpack.config.js
module.exports = {
//...
watch: true
};
вы можете обратиться к https://webpack.js.org/configuration/watch / для получения более подробной информации.
Комментарии:
1. Должен ли я написать этот код в моем существующем файле js или существует существующий файл с именем webpack.config.js ?
2. ОБНОВЛЕНИЕ: когда у меня App.js и index.js файлы в моей папке src, и я использую App.js чтобы создать компонент и экспортировать его, а также в index.js Я импортирую и визуализирую App.js и когда я вношу изменения в компонент в App.js , браузер нормально обновляется и отображает обновленный код. Таким образом, проблема возникает только тогда, когда у меня index.js в папке src.
3. можете ли вы поделиться index.js файл и пакет.json