reactjs - setup - configuration.module tiene una propiedad desconocida ''loaders''

webpack 4 react

Question

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 ?, estrictoEsteContextoEnImportaciones? } -> 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:

[email protected]

Answer 1

Debe cambiar los loaders a rules en webpack 4:

cambio:

loaders 

a:

rules

fuente: https://webpack.js.org/concepts/loaders/#example

Ejemplo:

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

Answer 2

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.

Answer 3

Las respuestas anteriores funcionan pero podemos resolver este problema cambiando la versión de webpack y webpack-dev-server a

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

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

Answer 4

Use rules en webpack 4 en lugar de loaders .

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