Начал устанавливать 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>
Помогите пожалуйста!