configuration.module has an unknown property 'loaders'

Question

my output of error:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. -

Answer 1

You should change loaders to rules in webpack 4:

change:

loaders 

to:

rules

source: Loaders

Example:

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