Build Error: Cannot resolve @shopify/draggable in WSL setup

[Gopisokk]

Hey Kolibri Team,

Hope you're doing well. I'm new here and trying to get the dev environment set up on Windows with WSL (Ubuntu 24.04), following the docs. Got Python 3.9.9 (via pyenv) and Node 20.19.0 (via nodeenv) installed okay.

But when I run yarn run devserver, the build keeps failing for the device.app and coach.app plugins. I get this error:
Module not found: Error: Can't resolve '@shopify/draggable/lib/es5/draggable.bundle.legacy.js' in '/mnt/d/gsoc_projects/kolibri/packages/kolibri-common/components/sortable'
I've tried a bunch of things already:

• Deleting node_modules / yarn.lock and reinstalling
• yarn cache clean
• yarn install --force
• Made sure I'm on the develop branch
• git lfs pull --force
• Even tried yarn add @shopify/draggable@1.1.3 --dev -W manually

But no luck, the error keeps happening. It seems like that draggable.bundle.legacy.js file just isn't there after installing.

Any ideas what might be going wrong or what else I could try?

[rtibbles]

Deleting yarn.lock is almost never a good idea - it helps to pin to specific versions of a package. I'd suggest restoring that, and then trying yarn install --frozen-lockfile.

[MisRob]

@Gopisokk one of my colleagues experienced this problem too, even though not in WSL environment. He was able to resolve it by deleting the local repository folder and setting up everything again.

Hopefully @rtibbles recommendation works - try that first please.