javascript - ParcelJS寺院リテラルで画像を動的に割り当てる方法

Question

API からの値に基づいて背景画像を変更しようとしています。したがって、API の値が「partly-cloudy-night」の場合、同じ画像名の partly-cloudy-night.jpg を表示します。しかし....パーセルがstatciアセットに取り組んでいるので、このエラーが発生します

GET http://localhost:1234/assets/images/bg-images/partly-cloudy-day.jpg 404 (見つかりません)

これは、その画像が見つからないと言っています。

const displayWeatherData = (data, location) => {
     let {
           icon,
           summary
        } = data.currently

        document.querySelectorAll(".location-label").forEach(el =>
            el.innerHTML = location
        )

        document.querySelector('main').style.backgroundImage = 
        `url("./assets/images/bg-images/${icon}.jpg")` <== here
        }

    }