У меня есть этот код js:
const checkEmptyState = () => {
if (typeof $orders == 'undefined' || $orders.length <= 0) {
const $orderList = document.querySelector('.orders');
const $div = document.createElement(`div`);
$div.classList.add(`emptystate`);
$div.innerHTML =`
<img srcset="./src/assets/img/coffee-maker.png 67w, ./src/assets/img/coffee-maker@2x.png" 134w" sizes="67px, 134px" src="./src/assets/img/coffee-maker.png" alt="A coffee maker"/>
<span class="emptystate__content">
Please order something
<span role="img" aria-label="Drunk emoji">
?
</span>
</span>
`;
$orderList.appendChild($div);
}
}
Когда я запускаю $yarn dev
, изображение появляется в моем localhost:
. Проблема в том, что, если я разверну веб-сайт или запусту $yarn prod
, изображение не будет отображаться в папке dist
, поэтому изображение не будет отображаться на веб-странице.