javascript - ParcelJS如何在寺庙文字中动态分配图像

Question

我试图根据来自 API 的值更改我的背景图像。因此，当 API 值为“partly-cloudy-night”时，我有相同的图像名称 partial-cloudy-night.jpg 来显示。但是....由于 Parcel 正在处理 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
        }

    }