build-storybook / Percy CI is failing with "JavaScript heap out of memory"

[sleidig]

See CI: e.g. https://github.com/Aam-Digital/ndb-core/actions/runs/5923239290/job/16058498260

While npm run storybook seems to run okay on local machines, our CI job to do visual regression testing using Storybook is failing at the step of building storybook statically:
npm run build-storybook (which uses ng run ndb-core:build-storybook, i.e. "builder": "@storybook/angular:build-storybook") exits with

FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

[sleidig]

This is probably related to this: storybookjs/storybook#6408

setting storyStoreV7: false didn't resolve it for me, however.
after cleaning up a bit, disabling storyStoreV7 indeed does get the build to completion ...

[sleidig]

while the build-storybook runs now, Percy closes the browser and stops after only 2 stories. Somehow after one of the most simple components (Features/Attendance/Components/ActivityCard) decides to stop

[sleidig]

The build storybook seems to behave a bit different from the hot-reload "npm run storybook". Now I see an error with ɵɵinvalidFactoryDep

storybookjs/storybook#23534
has a workaround (set "enableProdMode": false) that seems to help

[aam-digital-ci]

🎉 This issue has been resolved in version 3.24.0-master.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[aam-digital-ci]

🎉 This issue has been resolved in version 3.24.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀