1
resposta

Erro no console ao carregar o arquivo Bootstrap

Alguem poderia me ajudar, ao usar o console aparece esse erro ao importar o arquivo bootstrap, porem o arquivo esta abrindo normalmente Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá Vagner, tudo bem com você?

Peço desculpas pela demora em lhe responder.

A mensagem apresentada, é 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 carregar 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, pois, não haverá impacto no 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.

  • No editor de código, abra o arquivo index.html
  • Dentro da tag head apague as tags link que fazem referência aos arquivos bootstrap.css e 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, no local onde as tags link foram apagadas, 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.

Abraços e bons estudos!

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