我已经花了好几个小时寻找它，却找不到有效的解决方案。

我正在尝试将本地uri添加到img元素中，但是它无法解决。

import React from 'react'
import image from '../assets/udemy2.PNG'
const WorkingSpinner = () => (
<div>
  <img height="50px" width="50px" src={image}/>
</div>
)

export default WorkingSpinner

我正在尝试将file-loader与webpack一起使用，并且我的配置如下所示：

  module: {
    rules: [{
      loader: 'babel-loader',test: /\.js$/,exclude: /node_modules/
    },{
    loader: 'file-loader',test: /\.(png|jpe?g|gif)$/i,options: {
      name: '[name].[ext]',outputPath: "images"
    }
    },{
    loader: 'url-loader?limit=8192',}]

根据我所看到的文档和不同的说明，我只是不知道为什么它不起作用，我正在根据解决方案进行操作。但是，当我尝试渲染组件时，我得到的只是一个空图像。