J'ai un problème avec Live Server dans VS Code.
Lorsque j'utilise le logo sur la barre de navigation dans mon code HTML, cela fonctionne correctement lors de l'ouverture du fichier sans utiliser Live Server. Mais lorsque j'essaie de l'ouvrir à l'aide de Live Server, il ne s'affiche pas. .
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>World Web</title>
<link rel="stylesheet" href="css/style.css" />
<!--Boostrap Linked-->
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous"
/>
</head>
<body>
<!--Nav Bar section Start-->
<div>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark container">
<a class="navbar-brand" href="">
<img src="../World Web/img/Brand/dark logo.svg" alt="logo" width="120" height="60">
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Download</a>
</li>
</ul>
</div>
</nav>
</div>
<!--Nav Bar section End-->
<!--Hero section Start-->
<!--Hero section End-->
<!--AboutUs section Start-->
<!--About us section End-->
<!--Footer section Start-->
<!--Footer section End-->
<!--Java Script-->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"
></script>
</body>
</html>
Il s'agit du résultat lors de l'ouverture dans Chrome sans utiliser Live Server.
Voici le résultat lors de l'ouverture à l'aide de Live Server.
Lors de l'ouverture d'un fichier à l'aide de Live Server, le logo dans ma barre de navigation ne peut pas être prévisualisé. Cependant, lorsque j'ouvre le fichier sans utiliser Live Server, cela fonctionne correctement.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
N'utilisez aucun espace entre les noms de fichiers ou de dossiers.
Utilisez dark_logo.svg ou dark-logo.svg, il en va de même pour le World Web.