Реагировать js Проблема при настройке среды Webpack была инициализирована

Question

Я устанавливаю среду для реагирования JS, и я столкнулся с приведенной ниже ошибкой.

Я перехожу по ссылке - https://www.tutorialspoint.com/reactjs/reactjs_environment_setup.html

Позвольте мне исправить, если мне нужно сделатьизменения

Неверный объект конфигурации.Webpack был инициализирован с использованием объекта конфигурации, который не соответствует схеме API.- configuration.module имеет неизвестное свойство 'loaders'.Эти свойства являются действительными: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules ?, unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegextext_ExpExeContext_Wext_RackExt.dll? strictExportPresence ?, strictThisContextOnImports?} -> Опции, влияющие на обычные модули (NormalModuleFactory).

Answer 1

Не ожидалось, что «загрузчики» будут находиться под модулем.Конфигурация выглядит иначе в соответствии с документами.https://webpack.js.org/concepts/loaders/

Попробуйте:

var config = {
    entry: './main.js',
    output: {
        path:'/',
        filename: 'index.js',
    },
    devServer: {
        inline: true,
        port: 8080
    },
    module: {
        rules: [{
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            use: {
                loader: 'babel-loader',
                options: {
                    presets: ['es2015', 'react']
                }
            }
        }]
    },
};

module.exports = config;