конфигурация.модуль имеет неизвестное свойство 'погрузчики'


мой вывод ошибки:

недопустимый объект конфигурации. Webpack был инициализирован с помощью объект конфигурации, который не соответствует схеме API. - конфигурация.модуль имеет неизвестное свойство 'погрузчики'. Эти свойства допустимы: object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, нет? правила?- неплательщики?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?- небезопасно?, обернутый в текст критический?, wrappedContextRecursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? } -> Параметры влияние на нормальные модули (NormalModuleFactory).

мой webpack.конфиг.js:

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

var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');

var config = {
  entry: APP_DIR + '/index.jsx',
  module : {
    loaders : [
      {
        test : /\.jsx?/,
        include : APP_DIR,
        loader : 'babel-loader'
      }
    ]
  },
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  }

};


module.exports = config;

моя версия webpack:

[email protected]
4   51   2018-03-19 22:24:51

4 ответа:

изменения:

loaders 

to:

rules

источник:https://webpack.js.org/concepts/loaders/#example

пример:

module.exports = {
  module: {
    rules: [
      { test: /\.css$/, use: 'css-loader' },
      { test: /\.ts$/, use: 'ts-loader' }
    ]
  }
};

использовать rules в webpack 4 вместо loaders.

https://webpack.js.org/concepts/loaders/

вы должны использовать утилиты миграции чтобы перенести ваши файлы конфигурации webpack, это сработало для меня.

The миграция документации тоже полезно.

выше приведенные ответы работают, но мы можем решить эту проблему, изменив версию webpack и webpack-dev-server на

"webpack": "3.8.1",
"webpack-dev-server": "2.9.4"

Он также может решить проблему. Надеюсь, это поможет.