configure.module có một thuộc tính 'bộ nạp' không xác định

lỗi đầu ra của tôi:

Đối tượng cấu hình không hợp lệ. Webpack đã được khởi tạo bằng cách sử dụng một đối tượng cấu hình không khớp với lược đồ API. - configure.module có thuộc tính 'bộ nạp' không xác định. Các thuộc tính này là hợp lệ: object {exprContextCritical?, ExprContextRecursive?, ExprContextRegExp?, ExprContextRequest?, NoPude?, Quy tắc?, DefaultRules?, Unknown, không có gì? ?, rictExportPresence?, rict ThisContextOnImports? } -> Tùy chọn ảnh hưởng đến các mô-đun thông thường ( NormalModuleFactory).

webpack.config.js của tôi:

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;

phiên bản webpack của tôi:

webpack@4.1.1

Bạn nên đổi loadersthành rulestrong webpack 4:

thay đổi:

loaders 

đến:

rules

nguồn: Máy xúc lật

Thí dụ:

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

Sử dụng rulestrong webpack 4 thay vì loaders.

https://webpack.js.org/con accept / loaders /

Các câu trả lời ở trên đang hoạt động nhưng chúng tôi có thể giải quyết vấn đề này bằng cách thay đổi phiên bản webpack và webpack-dev-server thành

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

Nó cũng có thể giải quyết vấn đề. Hy vọng nó sẽ giúp.

Bạn nên sử dụng tiện ích di chuyển để di chuyển các tập tin cấu hình webpack của bạn, nó hoạt động với tôi.

Các tài liệu di chuyển cũng hữu ích.

Làm việc cho tôi bên dưới webpack.config.js

module.exports = {
    entry: [
        '.src/index.js'
    ],
    output:{
        path: __dirname,
        filename: 'app/js/main.js'
    },
    module:{
        rules: [
          { test: /\.css$/, use: 'css-loader' },
          { test: /\.ts$/, use: 'ts-loader' }
        ]
    }
}