O DevTools falhou ao carregar o mapa de origem: Não foi possível carregar o conteúdo para file:///C:/OneDrive/%C3%81rea%20de%20Trabalho/My%20Files/JavaScript/client/css/bootstrap-theme.css.map:Erro do sistema: net::ERR_FILE_NOT_FOUND>
O DevTools falhou ao carregar o mapa de origem: Não foi possível carregar o conteúdo para file:///C:/OneDrive/%C3%81rea%20de%20Trabalho/My%20Files/JavaScript/client/css/bootstrap-theme.css.map:Erro do sistema: net::ERR_FILE_NOT_FOUND>
Olá Lucas, tudo bem com você?
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 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.
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">
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>
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!