Empecé a construir un proyecto donde en mi carpeta src tengo subcarpetas, como Encabezado, Hero, Pie de página.

Dentro de cada una de las subcarpetas, tengo dos archivos, por ejemplo: Hero.js y herostyle.css En Hero.js, la hoja de estilo se importa mediante el siguiente método:

 import './headerstyle.css';

Cuando empiezo a editar el archivo css, responde correctamente y el diseño cambia en consecuencia, por lo que no estoy seguro de si se trata de un problema de vinculación.

Cuando actualizo el navegador, el CSS se rompe y la forma en que recupero el diseño es teniendo que volver al archivo Hero.js :

Primero: eliminar la importación './headerstyle.css'; Codesnippet Segundo - Haciendo un guardado rápido Tercero - Poniendo el mismo Codesnippet import './headerstyle.css'; de vuelta en Hero.js Cuarto - Guardar de nuevo, y luego recupero mi diseño.

Intenté restablecer el caché del navegador, deshabilitar el caché en la consola del desarrollador, nada de eso parece funcionar. Es realmente frustrante, por favor ayuda.

Gracias