Onde que a pasta servidor-master entra nessa estrutura no VS code? Pois no vídeo não mostra e colocando a pasta dentro do projeto inicial deixa o cliente.html com links quebrados! Poderiam corrigir? Ou me ajudar nessa questão!
Onde que a pasta servidor-master entra nessa estrutura no VS code? Pois no vídeo não mostra e colocando a pasta dentro do projeto inicial deixa o cliente.html com links quebrados! Poderiam corrigir? Ou me ajudar nessa questão!
Oi, Lucas, tudo bem?
Você pode adicionar na pasta raiz do projeto. Descompacte o arquivo, selecione a pasta server-petshop e arraste até a pasta onde estão os demais arquivos.
Qualquer dúvida pode falar!
Ainda fica com o html bagunçado e não funciona os links! Não adiciona o cliente que vem do servidor na pagina, não faz a conexão com a API
Olá, Lucas. Tive o mesmo problema.
Consegui consertar e subi no meu Github (https://github.com/bulnes/petshop)
Ainda estou fazendo o curso, por isso o projeto não está completo. Ah, mudei o nome de algumas pastas para ficar mais semântico.
Oi, Lucas, tudo bem?
O instrutor irá organizar os arquivos em pastas ao longo do curso. Mas você está tendo problema em adicionar clientes? Você está recebendo alguma mensagem de erro?
Boa noite.
Finalizei o curso e o coloquei no Github.
Estruturei de uma forma diferente: https://github.com/bulnes/petshop
Espero que ajude.
Mesma coisa. Como eu já estava fazendo o curso "Fetch API: Consumindo uma API Rest com JavaScript", já possuía o servidor (server-petshop) funcionando, logo não tive problemas.
Além dos links do html o import, no arquivo listagem-cliente.js do jeito que foi colocado no curso também não funcionou, sendo necessário colocar a extensão ".js" no final:
import {deletaCliente, listarClientes} from '../../api/cliente.js';Segue abaixo o clientes.html com os links corretos:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css?family=Pacifico&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./assets/css/clientes.css" />
<title>PetShop!</title>
</head>
<nav class="navbar navbar-light bg-light">
<a class="navbar-brand" href="#">
<img
src="./assets/img/doguinho.png"
width="50"
height="50"
class="d-inline-block align-top"
alt=""
/>
PetShop!
</a>
<ul class="nav justify-content-end">
<li class="nav-item">
<a class="nav-link active" href="#">Clientes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pets</a>
</li>
</ul>
</nav>
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">CPF</th>
<th scope="col">Nome</th>
<th scope="col"></th>
<th><a class="btn btn-primary" href="./cadastro/cadastro-clientes.html">Novo Cliente</a></th>
</tr>
</thead>
<tbody data-conteudo-tabela></tbody>
</table>
<body>
<script type="module" src="./api/cliente.js"></script>
<script type="module" src="./componentes/lista/listagem-cliente.js"></script>
<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"
></script>
</body>
</html>