Изображение из innerHTML не отображается в папке dist, когда я выполняю $ yarn prod - PullRequest
0 голосов
/ 25 октября 2019

У меня есть этот код 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, поэтому изображение не будет отображаться на веб-странице.

...