J'ai un problème avec Live Server dans VS Code. Lorsque j'utilise le logo d'une barre de navigation dans le code HTML, cela fonctionne correctement lorsque j'ouvre le fichier sans utiliser Live Server. Mais lorsque j'essaie de l'ouvrir à l'aide de Live Server, il ne s'affiche pas.

Pourquoi les images n'apparaissent-elles pas dans VS Code Live Server ?

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. .

Voici mon code HTML

<!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.

P粉710454910499 Il y a quelques jours504

Pourquoi les images n'apparaissent-elles pas dans VS Code Live Server ?

répondre à tous(1)je répondrai