Buenas compañeros, ojala alguien me pueda ayudar, mi problema es que al activar el live server, si guardo desde VSCode desde el archivo d...

David Cuevas Molina

David Cuevas Molina

Pregunta
studenthace 4 años

Buenas compañeros, ojala alguien me pueda ayudar, mi problema es que al activar el live server, si guardo desde VSCode desde el archivo de html si me actualiza la página que me abre en google chrome pero si hago cambios en el archivo css y guardo desde el archivo css no me hace los cambios en la página que me abrió en el navegador, pero si guardo los cambios en el archivo de css y tambien guardo los cambios en archivo html si me hace los cambios en la página que me abrió en el navegador. Alguien puede darme alguna explicación ? Os aporto un par de capturas a ver si os son de ayuda.

Live Server.png

Error con liveserver.png

2 respuestas
para escribir tu comentario
    David Cuevas Molina

    David Cuevas Molina

    studenthace 4 años

    Captura de pantalla 2021-02-17 102436.png Buenas compañero, muchas gracias por echarme una mano. Te muestro una serie de fallos que he podido detectar son 7 solo te muestro el primero ya que entiendo que puede ser el que me este causando el problema, ya que los otros 6 por lo que puedo entender son respecto al modo dark y ya vere mas adelante de solucionarlo. Respecto a la solucion que me diste, la intente de realizar pero al ejecutar el comando settings json me abre la lista completa pero solo en modo defaull y no me deja editar ni agreagar nada, si abro la lista editable solo me salen 4 o 5 lineas no la completa y no se si puedo integrar ahi el comando que sugieres o solo debo integrarla en la lista completa, y si es en la lista completa, como puedo hacerla editable ? gracias.

    Francisco Ponce

    Francisco Ponce

    studenthace 4 años

    Hola David,

    Investigando un poco tu problema, me encontré con la siguiente información.

    Ese usuario tiene un problema similar al tuyo y la persona de abajo le comenta que se percató que para solucionar ese problema debía activar el siguiente comando en sus settings.json

    "liveServer.settings.fullReload": true

    Podríamos intentar esa solución.

    1. En VSC abrimos nuestra paleta de comandos: En Mac CMD + Shift + P En Windows CTRL + Shift + P O desde el menú vista p

    2. Se nos despliega un menú de búsqueda y escribimos lo siguiente settings.json: Captura de Pantalla 2021-02-16 a la(s) 7.15.25.png

    3. Damos clic y agregamos la configuración sugerida con una coma al final (Puedes hacerlo en cualquier parte dentro de las llaves, mi sugerencia es hacerlo en las primeras línea ): Captura de Pantalla 2021-02-16 a la(s) 7.16.17.png

    4. Validamos que no haya un error, guardamos, reiniciamos VSC y ejecutamos nuevamente live share y vemos si es efectiva nuestra solución.

    Espero se solucione, de lo contrario puedes indicarnos y vemos encontrar otra solución.

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.