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

Apenas a página principal está sendo carregada.

Subi o projeto pelo Github e pelo Vercel, nos dois funcionaram apenas o index, mas não dá pra acessar as outras 2 páginas (Sobre Mim e Currículo).

6 respostas

Oi Artur, tudo bem com você?

Sinto muito que está com esse problema! Vamos resolver.

Se apenas a página principal (index) está carregando e as outras duas páginas (Sobre Mim e Currículo) não estão funcionando, aqui estão algumas coisas para verificar:

  • Nomes de Arquivos e URLs: Certifique-se de que os arquivos das páginas Sobre Mim e Currículo tenham os nomes corretos e estejam na mesma pasta do index.html. Além disso, verifique se os links para essas páginas estão corretos em seu código.
  • Verifique as Mensagens de Erro: Se você estiver vendo mensagens de erro no navegador (pressione F12 e vá para a aba "Console"), elas podem fornecer pistas sobre o que está errado. Tente entender o erro e corrigir conforme necessário.
  • Pasta de Arquivos: Verifique se todos os arquivos (HTML, CSS, JavaScript) das páginas estão carregando corretamente quando você sobe seu projeto para o serviço de hospedagem.

Se mesmo depois de verificar essas dicas você ainda estiver enfrentando problemas, não hesite em me enviar o código completo das páginas envolvidas (index, Sobre Mim e Currículo), juntamente com qualquer mensagem de erro que esteja recebendo. Isso me permitirá entender melhor a situação e oferecer uma assistência mais precisa para solucionar o problema. Estou aqui para ajudar!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Boa noite, verifiquei aqui e tá aparecendo o seguinte erro no console: "Not allowed to load local resource:"

Oi Artur, tudo bem?

Obrigada por compartilhar o erro que você encontrou. O erro "Not allowed to load local resource" geralmente ocorre quando há uma tentativa de carregar recursos locais (como arquivos) diretamente em uma página hospedada na web. Isso pode acontecer se os caminhos ou URLs dos recursos estiverem apontando para o sistema de arquivos local em vez de um servidor web.

Para resolver esse problema, verifique o seguinte:

  • Caminhos de Recursos: Certifique-se de que os caminhos para todos os recursos (imagens, folhas de estilo, scripts) estão corretos e apontam para recursos hospedados na web (usando URLs absolutos) em vez de recursos locais (usando caminhos de arquivo locais).
  • Estrutura do Projeto: Verifique se todos os arquivos necessários estão na mesma pasta do projeto e estão sendo referenciados corretamente em suas páginas.
  • Compartilhe o Código: Se o problema persistir, compartilhe o código completo das páginas envolvidas (index, Sobre Mim, Currículo) para que eu consiga entender melhor o contexto e fornecer ajuda mais específica. Se você tiver o código hospedado em um repositório (por exemplo, GitHub), um link para o repositório também seria útil.

Espero ter ajudado, qualquer dúvida estou à disposição.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Verifiquei tudo e aparentemente está certo, mas o erro continua, aqui está o link do github: https://github.com/artur-jansen/portifolio-a2

solução!

Oi Artur, tudo bem com você?

Os links atuais estão usando um caminho absoluto que aponta para um diretório local no seu computador (por exemplo: file:///C:/Users/Usuario/Downloads/Front-end/...). Isso funciona quando você está acessando o arquivo diretamente do seu sistema, mas não funcionará quando você estiver usando um servidor web ou quando estiver acessando o arquivo de um servidor remoto.

Para corrigir isso, você deve usar caminhos relativos para os links dos elementos do menu. Caminhos relativos são baseados na estrutura do seu projeto e são independentes do local do arquivo em seu sistema.

Vou te mostrar como ajustar os links nos três arquivos:

about.html:

<a href="index.html" class="cabecalho__menu__links">Home</a>
<a href="about.html" class="cabecalho__menu__links">Sobre Mim</a>
<a href="curriculum.html" class="cabecalho__menu__links">Currículo</a>

curriculum.html:

<a href="index.html" class="cabecalho__menu__links">Home</a>
<a href="about.html" class="cabecalho__menu__links">Sobre Mim</a>
<a href="curriculum.html" class="cabecalho__menu__links">Currículo</a>

index.html:

<a href="index.html" class="cabecalho__menu__links">Home</a>
<a href="about.html" class="cabecalho__menu__links">Sobre Mim</a>
<a href="curriculum.html" class="cabecalho__menu__links">Currículo</a>

Com esses ajustes, os links se tornarão relativos ao local atual do arquivo e devem funcionar corretamente, independentemente de onde o projeto estiver sendo executado.

Lembre-se de que, ao trabalhar com caminhos relativos, é importante manter uma estrutura de pastas organizada para que os links funcionem conforme o esperado. Certifique-se também de que todos os arquivos HTML estejam no mesmo diretório ou em subdiretórios consistentes.

Espero ter ajudado, qualquer dúvida estou à disposição.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Agora deu certo, muito obrigado!