image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
leticia barros
leticia barros27/10/2022 20:49
Compartilhe

Problemas no navegador

  • #HTML
  • #CSS

Gente, to fazendo um formulario simples pro meu portifolio, mas quando tentei rodar ele no index, não deu certo, ta aparecendo isso da imagem, no git bash aparece isso:

image

o codigo por enquanto nem tem nada:

image

alguém pode me ajudar?

Compartilhe
Comentários (8)

KM

Kauã Maximino - 27/10/2022 21:23

Um jeito de resolver o seu problema é: baixando a extensão "Live Server" diretamente na aba de extensões do VS Code. Após isso, vá no seu arquivo index (no seu caso, 'formulario.html'), clique com o botão direito em qualquer parte e então escolha a opção "Open with Live Server".


Esse erro está acontecendo porque você está tentando rodar o seu arquivo html em um diretório anterior, digamos assim. Por isso está abrindo o seu caminho de arquivos e não fazendo a leitura do html como deveria ser feito!

Edney Silva
Edney Silva - 27/10/2022 22:55

Olá. Testei seu código no Chrome, no Vivaldi e Firefox e funcionou perfeitamente em todos. Aparentemente não há nada de errado. Veja se não é problema com cache. O Chrome costuma ser meio revoltadinho as vezes. rsrsrsrsrs


Cainã pereira
Cainã pereira - 27/10/2022 21:33

Usa o comando " npm run dev "

na pasta do index em seus projetos ?


Anderson Franciscato
Anderson Franciscato - 27/10/2022 21:30

Tem algo que não é mais utilizado sendo utilizado por você no headers. Pode usar o comando que o git te passou ali para ver o que esta acontecendo, provavelmente algo nas tags meta

Italo Nascimento
Italo Nascimento - 28/10/2022 00:15

Olá, Letícia!


O bom de você nomear o arquivo principal como "index.html", é que quando o servidor é iniciado e está em execução, ele vai buscar por um arquivo com essa nomenclatura na raiz do seu projeto. Se o arquivo existir, o servidor entrega o conteúdo desse arquivo ao cliente. O arquivo de índice pode ser alterado, geralmente através do arquivo .htaccess


Mas no seu caso, vc pode abrir o arquivo diretamente no navegador ou usando a extensão live server no vscode. Espero ter ajudado!

Marcelo Silva
Marcelo Silva - 27/10/2022 20:58

não sei se isso tem algo a ver, mas ali no erro diz que os "headers" estão "deprecated", então isso significa que os "headers" estão descontinuados e provavelmente existe alguns novos para substituir eles

Raphael Molina
Raphael Molina - 27/10/2022 20:57

Olá Letícia, Boa noite!

Para que seu index seja localizado de forma automática ele deve estar nomeado como index.html

Letícia Barros
Letícia Barros - 27/10/2022 20:49

O problema é só no chrome, quando rodo no navegador nativo EXPLORE, ta tudo normal