Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] debug em branco

então, estou nas aulas iniciais de logica de programação, usei as extensões indicadas no vs code, porém ao rodar o código abre uma aba normal do Chrome. Usei o gemini pra ver se era um erro comum, ele falou que era um erro no "file": "" ele falou p botar ${workspaceFolder}/index.html mas não funcionou `{ // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [

    {
        "name": "open index.html",
        "request": "launch",
        "type": "chrome",
        "file": ""
    },
]

}`

1 resposta
solução!

Passos para corrigir:

  • Definir corretamente o caminho do arquivo index.html:

Altere o valor de "file" para ${workspaceFolder}/index.html, certificando-se de que o arquivo index.html realmente exista no diretório do seu projeto.

  • Certificar-se de que a extensão Chrome Debugger esteja instalada:

No VS Code, vá para a aba de extensões (Ctrl+Shift+X). Pesquise por Debugger for Chrome e instale, caso ainda não esteja.

  • Exemplo corrigido do launch.json:
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Abrir index.html",
      "type": "chrome",
      "request": "launch",
      "file": "${workspaceFolder}/index.html",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

Resolução para Iniciantes:

  • Se você está no início e quer evitar complicações:

Instale o Live Server no VS Code.

No explorador de arquivos do VS Code, clique com o botão direito no arquivo index.html.

Escolha "Open with Live Server".

Isso abrirá seu arquivo HTML automaticamente no navegador e acompanhará mudanças feitas no código.

Caso tudo dê errado

Acesse o arquivo no chrome diretamente:

C:/meu_diretorio/index.html

Ou clique com o botão direito e mande abrir no chrome.

Boa sorte aí =D