Node Dependency Conflicts in Vibe

monday Apps & Developers
, ,
1

I have been making some small apps to teach myself the monday development landscape. Things are going well but installing the Vibe design system is always a major pain point. When installing the package from node it always introduces node dependency conflicts and it appears that many of the packages are out of date. Whenever I try to render a Vibe component it throws this error in the browser:

@vibe_core.js?v=ad45ecc3:8601 Uncaught ReferenceError: global is not defined
    at ensureCache2 (@vibe_core.js?v=ad45ecc3:8601:7)
    at node_modules/global-cache/index.js (@vibe_core.js?v=ad45ecc3:8610:17)
    at __require2 (chunk-OL46QLBJ.js?v=3538b59f:21:50)
    at node_modules/react-with-styles-interface-css/dist/index.js (@vibe_core.js?v=ad45ecc3:8740:47)
    at __require2 (chunk-OL46QLBJ.js?v=3538b59f:21:50)
    at node_modules/react-with-styles-interface-css/index.js (@vibe_core.js?v=ad45ecc3:8779:23)
    at __require2 (chunk-OL46QLBJ.js?v=3538b59f:21:50)
    at node_modules/@vibe/core/node_modules/react-dates/lib/utils/registerCSSInterfaceWithDefaultTheme.js (@vibe_core.js?v=ad45ecc3:9093:63)
    at __require2 (chunk-OL46QLBJ.js?v=3538b59f:21:50)
    at node_modules/@vibe/core/node_modules/react-dates/lib/initialize.js (@vibe_core.js?v=ad45ecc3:9106:72)
ensureCache2	@	@vibe_core.js?v=ad45ecc3:8601
node_modules/global-cache/index.js	@	@vibe_core.js?v=ad45ecc3:8610
__require2	@	chunk-OL46QLBJ.js?v=3538b59f:21
node_modules/react-with-styles-interface-css/dist/index.js	@	@vibe_core.js?v=ad45ecc3:8740
__require2	@	chunk-OL46QLBJ.js?v=3538b59f:21
node_modules/react-with-styles-interface-css/index.js	@	@vibe_core.js?v=ad45ecc3:8779
__require2	@	chunk-OL46QLBJ.js?v=3538b59f:21
node_modules/@vibe/core/node_modules/react-dates/lib/utils/registerCSSInterfaceWithDefaultTheme.js	@	@vibe_core.js?v=ad45ecc3:9093
__require2	@	chunk-OL46QLBJ.js?v=3538b59f:21
node_modules/@vibe/core/node_modules/react-dates/lib/initialize.js	@	@vibe_core.js?v=ad45ecc3:9106
__require2	@	chunk-OL46QLBJ.js?v=3538b59f:21
(anonymous)

To fix it is a painful game of which dependencies need to be changed to play nice with Vibe and even then there are still lots of node warnings. Even in the react quickstart on the welcome apps there are many conflicts.

My question: Is an update to these dependencies on the roadmap for the team in charge of Vibe? These older packages are making it hard to get a new project off the ground and use Vibe alongside modern javascript libraries.

2

@adambuilds have you tried updating to the very latest version?

I see that it’s currently @vibe/core@3.37.0 whereas the quickstart is using @vibe/core@3.19.0.

3

@dvdsmpsn While I have had node dependency issues I got it mixed up with a different error, I actually figured out that this one was because my init.js file needed to be higher up in my import statements :face_with_spiral_eyes:
I was using @vibe/core@3.36.0 at the time and there were still a lot of dependencies that were complaining at me. While it doesn’t seem to be an issue now, I would still love to see the dependencies updated at some point.