Bryntum Grid error when importing module in Angular + Vite application

bryntum / support

An issues-only repository for the Bryntum project management component suite which includes powerful Grid, Scheduler, Calendar, Kanban Task Board and Gantt chart components all built in pure JS / CSS / TypeScript

https://www.bryntum.com

53 stars 6 forks source link

Bryntum Grid error when importing module in Angular + Vite application #9658

Open marciogurka opened 1 month ago

marciogurka commented 1 month ago

Forum post

"Or just add 'BryntumGridModule' into app module , then runs ng serve and refresh the page, you can see error in the windows console."

Proj.zip

Run npm i and npm run start
Go to Proj/src/app/app.module.ts and add BryntumGridModule to the imports;
An error is being triggered

[vite] Internal server error: globalThis.matchMedia is not a function
      at Function.get isTouchDevice (~/Proj/node_modules/@bryntum/grid/grid.module.js:153:40)

marciogurka commented 1 month ago

We have a discussion regarding SSR here https://github.com/bryntum/support/issues/5527 and we already have use cases for React + Vite and Vue + Vite, but not for Angular + Vite.

marciogurka commented 1 month ago

We have the same error when creating an application with NextJS bryntum-scheduler-nextjs-quick-start.zip