web-dev-qa-db-fra.com

Webpack / Babel / React: "Option inconnue: foo / node_modules / react / react.js.Children"

J'essaie de construire un projet avec webpack et de réagir avec cette configuration webpack:

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

module.exports = {
  entry: [
    'babel-polyfill',
    './app/less/main.less',
    './app/main.js',
    'webpack-dev-server/client?http://localhost:8080'
  ],
  output: {
    publicPath: '/',
    filename: 'dist/main.js'
  },
  debug: true,
  devtool: 'source-map',
  module: {
    loaders: [
      {
        test: /\.js$/,
        include: path.join(__dirname, 'app'),

        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015']
        }
      },
      {
        test: /\.less$/,
        loader: "style!css!autoprefixer!less"
      },
    ]
  }
};

Je suis sûr que j'ai aussi les modules pm nécessaires et que j'ai installé webpack, cependant lors de l'exécution de webpack j'obtiens:

Module build failed: ReferenceError: [BABEL] /Users/me/foo/app/main.js: Unknown option: foo/node_modules/react/react.js.Children

Des idées?

reactjswebpackbabeljs
79
SuperUberDuper

Désolé d'avoir oublié d'installer babel-preset-react :

$ npm install babel-preset-react --save-dev
190
SuperUberDuper

Je voulais juste ajouter que j'ai eu l'erreur après J'ai désinstallé un ancien module npm que je n'utilisais plus dans mon projet. Ce qui était bizarre parce que je ne l'utilisais nulle part - comment la désinstallation de quelque chose qui n'est utilisé nulle part pourrait-elle provoquer une erreur?

Il s'avère que l'un des modules sous-dépendances avait babel-preset-react, que j'avais manqué d'installer sur mon propre projet lorsque je l'ai démarré. Ainsi, la désinstallation de ce package a également désinstallé la critique babel-preset-react!

Pendant plus d'un an, mon application React a pu compiler grâce à la sous-dépendance d'un autre package ...

Alors oui, l'installation de babel-preset-react a résolu le problème pour moi.

0
Chris