Webpack configuration less error

rules: [
      {
        test: /\.css$/,
        use: [{
          loader: "style-loader" 
        }, {
          loader: "css-loader" 
        }]
      },
      {
        test: /\.less$/,
        use: [{
          loader: "style-loader" 
        }, {
          loader: "css-loader" 
        }, {
          loader: "less-loader"
        }]
      }
      ]
WARNING in ./node_modules/css-loader!./node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js!./node_modules/style-loader!./node_modules/css-loader!./node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js!./src/routes/login/index.less
Module build failed:


var content = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js!./index.less");
          ^
Unrecognised input
Mar.15,2021

because you provided too little information, I guess you executed the build command because the file made a mistake when referencing the less file. The correct way is
< style lang= "less" rel= "stylesheet/less" >
@ import'. / less/XXX.less';
< / style >


< style lang= "less" >
@ import'. / less/index.less';
< / style >

Menu