预期的参数是`array`类型，但接收到`string`类型 - image-webpack-loader答案

【问题标题】：Expected argument to be of type `array` but received type `string` - image-webpack-loader预期的参数是`array`类型，但接收到`string`类型 - image-webpack-loader
【发布时间】：2019-06-16 23:00:29
【问题描述】：

我正在使用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

【问题讨论】：

在他们的存储库上打开一个问题

标签： javascript reactjs webpack node-modules

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

基于this GitHub issue，您可能需要更改webpack.config.js 中的以下设置：

代替

pngquant: {
  quality: '65-90',
  speed: 4,
},

你需要使用

pngquant: {
  quality: [0.65, 0.90],
  speed: 4,
},

【讨论】：