node.js - node - Configuration.resolve tiene una propiedad desconocida ''root''

nodejs path example

Question

Obtuve el siguiente error :

Objeto de configuración no válido. El paquete web se ha inicializado utilizando un objeto de configuración que no coincide con el esquema de API. - configuration.resolve tiene una propiedad desconocida ''root''. Estas propiedades son válidas: ¿objeto {alias?, AliasFields? ?, unsafeCache? useSyncFileSystemCalls? }

Yo uso el webpack 2.3.2 .

Mi webpack.config.js tiene este aspecto:

module.exports= {
  entry:''./public/app.jsx'',
  output: {
    path: __dirname,
    filename:''./public/bundle.js''
  },
  resolve: {
    root: __dirname,
    alias:{
      Mod1: ''public/components/mod1.jsx'',
      Mod2:''public/components/mod2.jsx'',
      Mod3: ''public/components/mod3.jsx''
    },
    extensions: [''*'',''.js'',''.jsx'']
  },
  module :{
    loaders:[{
      loader :''babel-loader'',
      query :{
        presets:[''react'',''es2015'',''es2017'']
      },
      test://.jsx?$/,
      exclude:/(node_modules|bower_components)/
    }]
  }
};

Answer 1

¿Has intentado eliminar LINE 8? ¿Lo hace a través de algún error?

Como probablemente haya adivinado, está generando un error al intentar establecer una propiedad que no es válida.

Existe la posibilidad de que las instrucciones que haya seguido al configurar el paquete web no estén actualizadas.

Pruébelo sin LINE 8 y déjeme saber si los problemas persisten y podemos solucionarlo juntos.

Answer 2

resolve.root es la configuración de Webpack 1 y no existe para Webpack 2.

Para Webpack 2, puede utilizar resolve.modules : https://webpack.js.org/configuration/resolve/#resolve-modules

module.exports= {
  entry:''./public/app.jsx'',
  output: {
    path: __dirname,
    filename:''./public/bundle.js''
  },
  resolve: {
    modules: [__dirname, ''node_modules''],
    alias:{
      Mod1: ''public/components/mod1.jsx'',
      Mod2:''public/components/mod2.jsx'',
      Mod3: ''public/components/mod3.jsx''
    },
    extensions: [''*'',''.js'',''.jsx'']
  },
  module :{
    rules:[{
      use : ''babel-loader'',
      query :{
        presets:[''react'',''es2015'',''es2017'']
      },
      test: //.jsx?$/,
      exclude: /(node_modules|bower_components)/
    }]
  }
};

También he actualizado module.loaders -> module.rules ya que está en desuso en Webpack 2.