Less file error - Angular

[Sree-raghavan]

./node_modules/x-data-spreadsheet/src/index.less:1:5 - Error: Module parse failed: Unexpected token (1:5) File was processed with these loaders:

• ./node_modules/@angular-devkit/build-angular/node_modules/less-loader/dist/cjs.js You may need an additional loader to handle the result of these loaders.

  body { | margin: 0; | }

Having this issue

[scry-UrjitDesai]

facing the same issue. Did you manage to figure it out ?

[Sree-raghavan]

facing the same issue. Did you manage to figure it out ? No i havent

[dsandul]

You can try the following webpack config for Angular ngx-build-plus builder:

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

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

[IbrahimAlhaj9]

the same error but with angular 15 any idea how I can fix it? please refer to :https://github.com/myliang/x-spreadsheet/issues/658

Thank you.

[lijenyan]

Modify node_modules\x-data-spreadsheet\src\index.js Comment out => import './index.less';

In styles.css of the project Add => @import "x-data-spreadsheet/dist/xspreadsheet.css";