Webapack 2 - It's no longer allowed to omit the '-loader' suffix when using loaders.

I keep getting this error It's no longer allowed to omit the '-loader' suffix when using loaders. when trying either:

      {
        test: /.*\.(gif|png|jpe?g|svg)$/i,
        loaders: [
          'file-loader',
          {
            loader: 'image-webpack-loader',
            query: {
              progressive: true,
              optimizationLevel: 7,
              interlaced: false,
              pngquant: {
                quality: '65-90',
                speed: 4
              }
            }
          }
        ]
      }

or just using loader: 'image-webpack-loader',

[yusuf987]

The error “It’s no longer allowed to omit the ‘-loader’ suffix when using loaders.” is simply saying you need to append -loader where you are using loader, like if you are using babel as a loader then you need to put “babe-loader”

eg : wrong 
 module: {
      loaders: [
         {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel',
				
            query: {
                presets: ['es2015', 'react']
            }
         }
      ]
   }

eg: correct 
 module: {
      loaders: [
         {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
				
            query: {
                presets: ['es2015', 'react']
            }
         }
      ]
   }

[silvenon]

When I see the amount of upvotes on the comment above, I wonder what isn’t clear about the error message. Would this be better?

It's no longer allowed to omit the '-loader' suffix when specifying loader names.