不能用img.src显示图像

Question

我不知道为什么用导入来设置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似乎是转换url的基本功能。

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

Answer 2

再检查一下这条路，对我来说很好。在这里输入图像描述