图片文件没有显示 - 使用webpack文件加载器

Question

我一直在尝试使用webpack加载图片，但不知怎的，它无法正常工作。 这里是相关代码

 { test: /\.(jpe?g|png|gif)$/i, loader: 'file-loader?name=[name].[ext]' },

以及此处应加载图片的组件的一个示例

<ListItem
            leftAvatar={
              <Avatar src="assets/images-demo/avatars/128.jpg" />
            }

但是当页面加载时，我得到了

http://localhost:8080/assets/images-demo/avatars/128.jpg 404 (Not Found)

在网络选项卡中，我将图像的类型视为text / html，（不确定原因），我将启动器视为DOMLazyTree。所以，你能告诉我这里出了什么问题吗？