Webpack / Бабеля / реагировать ошибка построения: "неизвестный параметр: фу/узел модулей/реагировать/реагировать.js.Дети"


Я пытаюсь построить проект с webpack и реагировать с этим webpack config:

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"
      },
    ]
  }
};

Я уверен, что у меня есть необходимые модули pm тоже и установлен webpack, однако при запуске webpack я получаю:

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

какие идеи?

2 76

2 ответа:

Извините, я забыл установить babel-preset-react:

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

Я просто хотел добавить, что я получил ошибку после Я удалил старый модуль npm, который я больше не использовал в своем проекте. Что было странно, потому что я не использовал его нигде - как удаление чего-то, что нигде не используется, может вызвать ошибку?

получается, что один из этих модулей подзависимости был babel-preset-react, который я пропустил установку в свой собственный проект, когда я его запустил. Таким образом, удаление этого пакета также удалено критический Вавилон-пресет-реагируй!

в течение года мое приложение react могло компилироваться благодаря суб-зависимости другого пакета...


Так что да, установка babel-preset-react решила проблему для меня.