1
resposta

[Bug] Erro

Eu baixei os arquivos do curso e extrai para uma pasta e quando comecei a fazer a aula apareceu o erro abaixo:

Falha no carregamento do mapa de origem pelo DevTools: Não foi possível carregar o conteúdo de file:///C:/Users/Expert%20Fix/Documents/Prog.JavaScript/JavaScript%20conhecendo%20o%20Browser%20e%20padr%C3%B5es%20de%20projeto/javascript-avancado-i-aula1/aluraframe/client/css/bootstrap-theme.css.map: Erro do sistema: net::ERR_FILE_NOT_FOUND
Falha no carregamento do mapa de origem pelo DevTools: Não foi possível carregar o conteúdo de file:///C:/Users/Expert%20Fix/Documents/Prog.JavaScript/JavaScript%20conhecendo%20o%20Browser%20e%20padr%C3%B5es%20de%20projeto/javascript-avancado-i-aula1/aluraframe/client/css/bootstrap.css.map: Erro do sistema: net::ERR_FILE_NOT_FOUND

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Negociações</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-theme.css">

</head>
<body class="container">

    <h1 class="text-center">Negociações</h1>

    <form class="form">

        <div class="form-group">
            <label for="data">Data</label>
            <input type="date" id="data" class="form-control" required autofocus/>        
        </div>    

        <div class="form-group">
            <label for="quantidade">Quantidade</label>
            <input type="number" min="1" step="1" id="quantidade" class="form-control" value="1" required/>
        </div>

        <div class="form-group">
            <label for="valor">Valor</label>
            <input id="valor" type="number" class="form-control"  min="0.01" step="0.01" value="0.0" required />
        </div>

        <button class="btn btn-primary" type="submit">Incluir</button>
    </form>

    <div class="text-center">
        <button class="btn btn-primary text-center" type="button">
            Importar Negociações
        </button>
        <button class="btn btn-primary text-center" type="button">
            Apagar
        </button>
    </div> 
    <br>
    <br>

    <table class="table table-hover table-bordered">
        <thead>
            <tr>
                <th>DATA</th>
                <th>QUANTIDADE</th>
                <th>VALOR</th>
                <th>VOLUME</th>
            </tr>
        </thead>

        <tbody>
        </tbody>

        <tfoot>
        </tfoot>
    </table>
    <script src="js/app/models/Negociacao.js"></script>
    <script>
         var n1 = new Negociacao();
         console.log(n1);

         var n2 =  new Negociacao();
         console.log (n2);


    </script>
</body>
</html>

JS

class Negociacao{

    constructor(){
        this.data; = new Date();
        this.quantidade = 1;
        this.valor = 0.0;
    }
}
1 resposta

Olá Marislaine, tudo bem com você?

Peço desculpas pela demora em lhe responder.

A mensagem é um warning (aviso) e está informando que não foi possível realizar o carregamento do conteúdo dos arquivos Bootstrap, por padrão vai tentar baixar os arquivos .map, mas sua aplicação não contém eles, contendo apenas as fontes do CSS. Por ser um warning (aviso) do navegador que você pode ignorar e seguir o curso.

Caso queira, será possível realizar o carregamento do Bootstrap remotamente, dessa forma não será apresentada mensagem de aviso. Basta seguir os passos apresentados abaixo.

  • Abra o arquivo index.html

  • Dentro da tag head apague as tags link que fazem referência aos arquivos bootstrap.css bootstrap-theme.css. Abaixo as linhas que devem ser apagadas.

      <link rel="stylesheet" href="css/bootstrap.css">
      <link rel="stylesheet" href="css/bootstrap-theme.css">
  • Dentro da tag head e abaixo da tag title, adicione as tags apresentadas abaixo.

      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
    
  • Após a modificação, salve o arquivo index.html e abra-o no navegador. Verifique no painel de desenvolvedor (pressione para abri-lo) se a mensagem de aviso é apresentada.

Espero ter lhe ajudado. Em caso de dúvidas estou à disposição.

Não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.

Abraços e bons estudos!

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

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