Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

O 1823_DOM-projeto_final não está compilando.

O projeto está dando problema.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas
solução!

Oi Rodrigo, tudo bem?

Isso acontece pois depois que adicionamos a tag type="module" no nosso script, precisamos colocar a nossa aplicação "no ar", ou seja, inicializá-la com algum servidor. No caso, vamos utilizar o servidor local mesmo, o localhost. Isso acontece pois a aplicação entende que o acesso aos recursos estão sendo feitos por domínios diferentes.

Para habilitar um servidor local, podemos utilizar uma dependência chamada browser-sync ou uma extensão chamada LiveServer, vamos ver como habilitar essa extensão:

Primeiramente, pesquise por "Live Server" na aba de extensões do Visual Studio Code, e clique com o botão em "instalar":

Instalando Live Server

Depois disso, volte para a pasta do projeto, clique com o botão direito do mouse em cima do arquivo HTML e selecione a opção Open with Live Server. E pronto, sua aplicação abrirá em localhost!

Nessa aula do curso o instrutor ensina também como faz para habilitar o live server.

Espero ter ajudado, bons estudos =)

Ola pode tentar instalar Live-Server atraves do npm install -g live-server

https://www.npmjs.com/package/live-server

Obrigado!