La Configuration.résoudre a une propriété inconnue "root"

J'obtiens l'erreur suivante :

De configuration non valide de l'objet. Webpack a été initialisée en utilisant un
configuration de l'objet qui ne correspond pas à l'API de schéma.
- configuration.résoudre a une propriété inconnue 'root'. Ces propriétés sont valides: object { alias?, aliasFields?,
cachePredicate?, descriptionFiles?, enforceExtension?,
enforceModuleExtension?, extensions?, système de fichiers?, mainFields?,
mainFiles?, moduleExtensions?, les modules?, les plugins?, résolveur?,
les liens symboliques?, unsafeCache?, useSyncFileSystemCalls? }

- Je utiliser webpack 2.3.2.

Mon webpack.config.js ressemble à ceci :

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)/
    }]
  }
};
InformationsquelleAutor Anyname Donotcare | 2017-03-30
  1. 44

    resolve.root est Webpack 1 configuration et n'existe pas pour Webpack 2.

    Pour Webpack 2 vous pouvez utiliser 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)/
    }]
  }
};

    J'ai aussi mis à jour module.loaders -> module.rules que c'est déconseillé dans Webpack 2.

    InformationsquelleAutor Tom Van Rompaey
  2. 1

    Avez-vous essayé de supprimer la LIGNE 8? À travers toutes les erreurs?

    Comme vous l'avez probablement deviné, c'est de lancer une erreur que vous essayez de définir une propriété qui n'est pas valide.

    Il y a une chance que les instructions que vous peut ont suivi lors de la configuration de webpack est obsolète.

    Lui donner un aller sans retour à la LIGNE 8 et laissez-moi savoir si les problèmes persistent et peuvent résoudre le problème ensemble.

    InformationsquelleAutor Molik Miah