Module parse failed: Unexpected character '@'

Tags: #<Tag:0x00007f13688be908> #<Tag:0x00007f13688be5c0>

As i updated angular version into 15 from 10 there shows error -

./node_modules/handsontable/dist/handsontable.full.min.css:1:0 - Error: Module parse failed: Unexpected character ‘@’ (
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.
See https://webpack.js.org/concepts#loaders

@charset “UTF-8”;
| /*!
| * Copyright © HANDSONCODE sp. z o. o.
× Failed to compile.

I couldn’t Compile or Build the source
the angular version of my source is 15.0.10 and the handsontable versions are -
@handsontable/angular”: “^6.0.1”,
“handsontable”: “^8.0.0”,

Please Check this issue

Hi @accuratesoftware2019

Thank you for contacting us. Angular 15 was released two years after Handsontable 8.0 so it’s not compatible with this version. We highly recommend to use the newest version of Handsontable, which currently is 14.1.0.

Okay. i tried version 12.1.2. and removed an old import statement -

import ‘handsontable/dist/handsontable.full.min.css’;

and now it works like a charm. Thankyou !!!

1 Like

Hi @accuratesoftware2019

Thank you for the update. I will close this topic then.