He estado desarrollando un sitio como entrenamiento durante aproximadamente 1 semana y estoy contento con el desarrollo, ya logré hacer mucho, ayer cerré el editor de código y la hiperterminal para descansar y funcionaba normalmente sin ninguna problema, esta mañana volví a abrir el sitio y decidí refactorizar algunos fragmentos de código que a veces se duplicaban y simplemente dejó de recibir algunos estilos y atributos de las etiquetas, incluso después de CTRL Z todos los cambios y reiniciar el servidor no funciona Vuelvo a la normalidad, cuando actualizo manualmente algo en css, funciona bien, pero dejó de obtener tamaños en general, como h1 default y bootstrap container-fluid.
el sitio se creó con React usando el servidor local, todo se instaló correctamente con npm e importó, realmente no sé cuál es el problema, así que lo siento si no pude ser exacto en la pregunta.
Este es el sitio antes del error Este es el sitio ahora
Nota: Ninguno de los nuevos elementos, la barra de navegación, etc. bloquea la aplicación, funcionaba bien y simplemente se bloqueó cuando intenté refactorizar :(
código index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Adge Tecnologia</title> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;700;800&display=swap" rel="stylesheet"> </head> <body> <script src="../src/index.js" type="text/jsx"></script> <div id="root"></div> </body> </html>Código index.js
import React from 'react'; import ReactDOM from 'react-dom'; import App from "./components/App" ReactDOM.render( <App />, document.getElementById('root') );