当我执行$ yarn prod时,innerHTML的图像未显示在dist文件夹中

时间:2019-10-25 11:10:40

标签: javascript yarn innerhtml

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

0 个答案:

没有答案