Cannot GET /[object%20Module]

pleasecallmeTen

于 2021-03-30 15:59:31 发布

阅读量1.1k

点赞数

分类专栏： web开发

本文链接：https://blog.youkuaiyun.com/kaiyuantao/article/details/115328126

版权

web开发专栏收录该内容

12 篇文章

订阅专栏

在使用typescript和webpack时遇到图片资源无法显示的问题，错误提示为Cannot GET/[object%20Module]。原因是file-loader新版本中esModule属性默认为true，导致引入图片路径改变。解决方法是在webpack配置中修改file-loader，将esModule设置为false。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

TSX文件中写法：

解决：修改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