web-dev-qa-db-fra.com

Impossible de résoudre «babel-loader»

J'essaie de configurer ma première application de réaction de nœud.

Je reçois toujours une erreur qui dit "Impossible de résoudre le chargeur de babel".

Googler cette erreur, j'ai trouvé quelques suggestions qui ne fonctionnent pas.

La première consiste à ajouter ce qui suit à mon webpack.config.js

// resolveLoader: {
  //       modulesDirectories: '/usr/local/lib/node_modules'
  //   },

Essayer cela produit une erreur qui dit:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.resolveLoader has an unknown property 'modulesDirectories'. These properties are valid:
   object { alias?, aliasFields?, cachePredicate?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, symlinks?, unsafeCache?, useSyncFileSystemCalls? }

La prochaine suggestion est d'essayer:

resolveLoader: {
        fallback: '/usr/local/lib/node_modules'
    },

Cela produit une erreur similaire.

Quelqu'un at-il des conseils sur la façon de démarrer avec cette configuration. Comprendre la documentation s'avère difficile - chaque seconde Word est du jargon et je ne trouve pas de point de référence pour trouver une compréhension fondamentale de ce qui doit être fait pour commencer dans cette configuration.

Webpack.config.js est:

module.exports = {
  entry: './app/app.jsx',
  output: {
    path: __dirname,
    filename: './public/bundle.js'
  },

  resolve: {
    modules: [__dirname, 'node_modules'],
    alias: {
      Greeter: 'app/components/Greeter.jsx',
      GreeterMessage: 'app/components/GreeterMessage.jsx',
      GreeterForm: 'app/components/GreeterForm.jsx',

    },
    extensions: ['.js', '.jsx']
  },

  // resolveLoader: {
  //       fallback: '/usr/local/lib/node_modules'
  //   },

  module :{
    rules:[{
      // use : 'babel-loader',
      loader: 'babel-loader',
      query :{
        presets:['react','es2015']
        // ,'es2017'
      },
      test: /\.jsx?$/,
      exclude: /(node_modules|bower_components)/
    }
   ]
 }


};
node.jswebpackbabeljsnode-moduleswebpack-2
16
Mel

J'ai eu le même problème; Je l'ai corrigé en installant le module babel-loader:

yarn add babel-loader

ou

npm install babel-loader

37
JESii