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

[Dúvida] Subindo o Projeto no GitHub (Angular)

Preciso de uma ajuda.

Depois do código pronto e tudo funcionando, quando subo para o github a página que carrega é do Readme.

Tem alguma dica pra conferir o que posso estar errando?

Segue o link do github.

https://github.com/AndreBorges07/Lista_de_Compras-Angular/

https://andreborges07.github.io/Lista_de_Compras-Angular/

4 respostas

Oi André,

Espero pode ajudar...Certifique-se de que você fez o push correto do seu código para o GitHub. Após fazer as alterações necessárias no seu código localmente, verifique se você fez o push dessas alterações para o repositório remoto corretamente. Você pode usar comandos como git add, git commit e git push para enviar as alterações para o GitHub. Veja se não há erros de sintaxe no seu código HTML ou se você não está enfrentando problemas de carregamento de dependências. Verifique também se não há problemas nos arquivos de configuração do seu projeto. Fui lá no seu repositório do github e não achei o index.html....arquivo HTML da sua página principal tem o nome correto? O padrão, o GitHub Pages procura um arquivo chamado index.html para exibir como a página inicial. Certifique-se de que seu arquivo tenha esse nome ou, se preferir usar outro nome, você pode configurar o GitHub Pages para usar esse arquivo específico. Você pode fazer isso navegando até as configurações do seu repositório, indo para a seção "GitHub Pages" e selecionando a opção correta em "Source". Espero ter ajudado, depois diga se solucionou.

Sonia, obrigado pela ajuda! Mas ainda não consegui. rs

Dos projetos em angular o Index fica dentro da pasta "scr".

Até testei colocar copiar o Index.html pra raiz, mas também nada foi. rs

Procurei no "Source" tambeém, mas ele não me deixa setar o Index lá de dentro.

Vou continuar procurando, quando descobrir falo aqui. Obrigado!

André,

Vou pesquisar mais....se souber mais escrevo aqui.

solução!

Consegui resolver! \o/

Primeiro, adcionamos o GhPages no projeto, com o seguinte código:

ng add angular-cli-ghpages

Depois de instalado, é preciso fazer o deploy, mais um código:

 ng deploy --base-href=https://"NomeDoUsuárioNoGitHub".github.io/"NomeDoRepositórioQueEstaNoGitHub"/

Com isso será criado uma branch com o nome gh-pages.

Vamos em Settings>Pages do seu repositório e escolhemos a branch gh-pages, deixamos no root mesmo e funciona.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software