【react】 require本地图片被解析为[object Module]

问题代码

 <img src={require('src/assets/images/common/lazyImg.jpg')} alt=''/>

1、引入时增加default。

 <img src={require('src/assets/images/common/lazyImg.jpg').default} alt=''/>

2、修改webpack.config.js，大约在第400行左右。需要npm run eject,暴露webpack配置，但是

{
   test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
   loader: require.resolve('url-loader'),
   options: {
     limit: imageInlineSizeLimit,
     name: 'static/media/[name].[hash:8].[ext]',
     esModule: false
  },
},

两种方式都试过，均可行。第一种无需额外操作，但是每次引入时都要加default。第二种需要npm run eject,暴露webpack配置。