configuration.module tiene una propiedad desconocida 'cargadores'

mi salida de error:

Objeto de configuración inválido. Webpack se ha inicializado utilizando un objeto de configuración que no coincide con el esquema API. - configuration.module tiene una propiedad desconocida 'cargadores'. Estas propiedades son válidas: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, reglas ?, defaultRules ?, unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegExp ?, unknownContextRequest ?, unsafeCache ?, wrapContextCritical? WrapContextRegsive? ?, estrictoExportarPresencia? } -> Opciones que afectan a los módulos normales ( NormalModuleFactory).

my webpack.config.js:

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');

var config = {
  entry: APP_DIR + '/index.jsx',
  module : {
    loaders : [
      {
        test : /\.jsx?/,
        include : APP_DIR,
        loader : 'babel-loader'
      }
    ]
  },
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  }

};


module.exports = config;

mi versión de paquete web:

webpack@4.1.1

Debe cambiar loadersa rulesen el paquete web 4:

cambio:

loaders 

a:

rules

fuente: cargadores

Ejemplo:

module.exports = {
  module: {
    rules: [
      { test: /\.css$/, use: 'css-loader' },
      { test: /\.ts$/, use: 'ts-loader' }
    ]
  }
};

Usar rulesen webpack 4 en lugar de loaders.

https://webpack.js.org/concepts/loaders/

Las respuestas anteriores funcionan pero podemos resolver este problema cambiando webpack y webpack-dev-server version a

"webpack": "3.8.1",
"webpack-dev-server": "2.9.4"

También puede resolver el problema. Espero que ayude.

Debería usar la utilidad de migración para migrar los archivos de configuración de su paquete web, funcionó para mí.

La documentación de migración también es útil.

Trabajando para mí debajo de webpack.config.js

module.exports = {
    entry: [
        '.src/index.js'
    ],
    output:{
        path: __dirname,
        filename: 'app/js/main.js'
    },
    module:{
        rules: [
          { test: /\.css$/, use: 'css-loader' },
          { test: /\.ts$/, use: 'ts-loader' }
        ]
    }
}