我有这个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
文件夹中,因此该图像将不会显示在网页上。