@Toxic_kitten
Начинающий программист

Gulp не видит картинку?

Начал устанавливать gulp по видео https://www.youtube.com/watch?v=stFOy0Noahg&t=1988s там на 59 минуте выводится картинка на HTML страницу
У меня же картинка не выводится и возникает ошибка:
Failed to load resource: the server responded with a status of 404 (Not Found)
хотя картинка в папке #src в формате jpg и в папке dist в формате jpg и webp есть
вот код из gulpfile.js: https://codepen.io/Toxic_kitten/pen/KKajeER
А это код из index.html который находится в папке scss
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.min.css">
    <title>Gulp</title>
  </head>
  <body>
    @@include('_header.html')
    <main class="main">
       <img src="img/image.jpg" alt="">
    </main>
    <script type="text/javascript" src="js/script.min.js"></script>
  </body>
</html>

Вот что в браузере после запуска gulp:
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.min.css">
    <title>Gulp</title>
  </head>
  <body><script id="__bs_script__">//<![CDATA[
    document.write("<script async src='/browser-sync/browser-sync-client.js?v=2.26.14'><\/script>".replace("HOST", location.hostname));
//]]></script>

     <header class="header">
  <h1>Шапка сайта</h1>
  <p>jhsj</p>
</header>

    <main class="main">
       <picture><source srcset="./img/image.webp" type="image/webp"><img src="./img/image.jpg" alt=""></picture>
    </main>
    <script type="text/javascript" src="js/script.min.js"></script>
  </body>
</html>

Помогите пожалуйста!
  • Вопрос задан
  • 725 просмотров
Решения вопроса 1
@Toxic_kitten Автор вопроса
Начинающий программист
просто надо саму картинку назвать image
)
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
acinonyx769
@acinonyx769
Фронтенд-разработчик
☝️ У кого копирует в dist только .jpg попробуйте немного изменить запись форматов с /*.{jpg, png, svg, gif, ico, webp} на /*.+(png|jpg|gif|ico|svg|webp)

Взято из описания под роликом. Скорее всего из-за этого у тебя проблема.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы