Estoy desarrollando una aplicación de reacción y hasta que estaba ejecutando mi servidor de desarrollo solo en https://localhost todo estaba bien, es decir, la aplicación se actualizaba cada vez que hacía clic en "guardar" en mi IDE.

Luego agregué una nueva entrada en mi archivo etc/hosts:

 127.0.0.1 localhost localhost.myDomain.local

y configuré devServer así:

 export const devConfig: Configuration = { mode: "development", devtool: "eval-source-map", devServer: { port: 443, hot: true, open: true, historyApiFallback: true, https: true, allowedHosts: "all", host: "localhost.myDomain.local", }, plugins: [new ReactRefreshWebpackPlugin()], };

Cuando inicio el servidor, abre una nueva pestaña en mi navegador con https://localhost.myDomain.local . Se ve bien a primera vista. Pero guardar los cambios en mi IDE no hace que el navegador actualice la página. Necesito actualizarlo manualmente para verlos.

Vacié el caché de DNS pero no ayudó. Pasar { forceEnable: true } como argumento a ReactRefreshWebpackPlugin tampoco funcionó. ¿Hay alguna posibilidad de que funcione?