Pertanyaan Webpack / Babel / React build error: “Opsi tidak dikenal: foo / node_modules / react / react.js.Children”


Saya mencoba membangun proyek dengan webpack dan bereaksi dengan konfigurasi webpack ini:

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

Saya yakin saya memiliki modul pm yang dibutuhkan juga dan sudah menginstal webpack, namun ketika menjalankan webpack saya mendapatkan:

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

Ada ide?


75
2017-11-16 16:18


asal


Jawaban:


Maaf saya lupa menginstal babel-preset-react:

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

185
2017-11-17 10:40



Saya hanya ingin menambahkan bahwa saya mendapat kesalahan setelah Saya menghapus modul npm lama yang tidak saya gunakan lagi di proyek saya. Yang aneh karena saya tidak menggunakannya di mana saja - bagaimana bisa menghapus sesuatu yang tidak digunakan di mana saja menyebabkan kesalahan?

Ternyata salah satu modul itu sub-dependensi memiliki babel-preset-react, yang saya rindu menginstal ke proyek saya sendiri ketika saya memulainya. Jadi, menghapus paket itu juga menghapus babel-preset-react yang kritis!

Selama lebih dari setahun, aplikasi reaksiku dapat dikompilasi berkat sub-ketergantungan paket lain ...


Jadi ya, memasang babel-preset-react memecahkan masalah untuk saya.


0
2018-02-22 13:48