首页 > 解决方案 > 预期的参数是`array`类型但接收到`string`类型 - image-webpack-loader

问题描述

我正在使用image-webpack-loader,但收到此错误消息:

我像这样导入我的图像:

import icon10 from '../../assets/img/icon10.png';

ERROR in ./app/assets/img/icon10.png
Module build failed (from ./node_modules/image-webpack-loader/index.js):
ArgumentError: Expected argument to be of type `array` but received type `string`
    at input (C:\Users\***\Desktop\pos\node_modules\imagemin-pngquant\index.js:32:3)
    at <anonymous>
 @ ./app/containers/Home/index.js 51:0-49 200:13-19
 @ ./app/containers/Home/Loadable.js
 @ ./app/containers/App/index.js
 @ ./app/app.js
 @ multi ./node_modules/react-app-polyfill/ie11.js ./app/app.js

标签: javascriptreactjswebpacknode-modules

解决方案


实际上,我想你应该把你的Webpack配置放在一个更好的解释上。我相信你的主要问题是你的Webpack,根据你必须像下面这样设置你的加载器的文件:

rules: [
  {
    test: /\.(gif|png|jpe?g|svg)$/i,
    use: [
      'file-loader',
      {
        loader: 'image-webpack-loader'
      }
    ]
  }
];

推荐阅读