Cannot GET /[object%20Module]_typescript 图片不能加载

问题：使用typescript引入图片资源无法展示，提示Cannot GET /[object%20Module]

TSX文件中写法：

<img src={require( '../../public/pic/img_mountains_wide.jpg')} style={{width:'100%'}} />

解决：修改webpack.development.js

     {
        test: /\.(png|jpg|gif|ico)$/i,
        use: [
          {
            loader: 'file-loader',
            options: {
              limit: 8192,
              esModule: false,
            },
          },
        ],
      },

原因：

file-loader在新版本中esModule属性默认为true 即默认使用ES模块语法导致了引用图片文件的方式和以前的版本不一样,引入路径改变了，自然找不到图片。

参考博文

https://segmentfault.com/a/1190000038507183