無法通過 img.src 顯示圖像

Question

我不知道為什么使用 import 設置 img.src 很好，但是當我將路徑傳遞給它時它不起作用。

import mahjong_tiles from '../assets/mahjong_tiles/1man.png'

const displayTileArr = () => {
    var img = document.createElement('img');
    img.src = mahjong_tiles ; //OK
    img.src = '../assets/mahjong_tiles/1man.png';  //NOT OK
    document.getElementById('display-hand').appendChild(img);   
}

Answer 1

最后，我得到了答案。 似乎.default 是必不可少的 function 來轉換 url。

img.src = require('../assets/mahjong_tiles/1man.png').default;

Answer 2

再次檢查路徑，對我來說很好用。 在此處輸入圖像描述