Consegui configurar, baixar os arquivos e acessar a página do Alura Books pelo http://localhost:3000/ com os CMDs de front e back rodando, mas quando clico em "Cadastrar-se" como apresentado na aula, a página não está abrindo o mesmo pop up da aula e não consigo inserir os dados, pois os botões não são clicáveis.
Olá Thomas.
Pode ser que o problema seja no servidor.
Tem o node instalado em sua maquina?
Se sim basta abrir o terminal e rodar npm start...
Ou pode ser algo mais simples:
Abra o navegador e digite F12 e vai até a aba console e posta a saida aqui.
Para te ajudar preciso que disponibilize o codigo para que eu possa analisar.
Posta aqui mesmo ou no github se preferir e envia o link.
Aguardo...
Oi Ronaldo!
Tenho o node sim, sempre rodo o back e o front antes de iniciar as aulas.
!
Segue a imagem do navegador com a saída da página.
Console do navegador chrome com o código da página de desenvolvimento do front
Ola Thomas.
Vamos tentar resolver.
Vá até o componente onde está o botão "Cadastrar-se", geralmente algo como:
<button onClick={abrirModal}>Cadastrar-se</button>
E veja se a função abrirModal está definida corretamente.
O modal precisa estar controlado por um estado, algo assim:
const [modalAberto, setModalAberto] = useState(false);
const abrirModal = () => setModalAberto(true);
E o modal deve aparecer condicionalmente:
{modalAberto && (
<CadastroModal fecharModal={() => setModalAberto(false)} />
)}
Certifique-se de que o componente do modal (CadastroModal, FormularioCadastro, etc.) está importado corretamente e está sendo usado na estrutura do JSX.
Às vezes, esquecer de importar o componente faz com que nada apareça.
Se os elementos estiverem no DOM mas invisíveis, pode ser:
Dica:
No inspector (F12 -> Elements), veja se o HTML do modal está sendo inserido mesmo sem aparecer.
Se você baixou os arquivos de apoio confira se:
npm install
Se Ainda Não Funcionar...
Me envie o código completo ou o link no github para que eu possa analisar.
Voce tambem pode recomeçar do zero etapa a etapa até encontrar o erro.
Querendo ou não isso é uma excelente experiencia de aprendizado.
Aguardo seu feedback.
Bons estudos.