Debugging projects in monorepo with vite

[sps014]

Hi All I have mono repo with following projects:

packages
      --------- Lib1
      --------- Lib2 
      --------- Vue3/Vite project

I wanted to debug Lib1 and Lib2 project which are dependency of Vue3 Project.
Vite is transforming import for Lib1 and Lib2 with @fs eg :

import {ModelFactory} from "/@fs/C:/Users/singhsh/OneDriveSE/Desktop/vue/mo2/packages/lib1/dist/index.js";

and my source override looks in launch.json as

      "webRoot": "${workspaceFolder}",
      "sourceMapPathOverrides": {
        "http://127.0.0.1:5173/./src/*": "${webRoot}/packages/view/src/*",
        "http://127.0.0.1:5173/./packages/Lib1/*": "$${webRoot}/packages/Lib1/*",
        "http://127.0.0.1:5173/./packages/Lib2/*": "$${webRoot}/packages/Lib2/*"
      }

It doesnt work when i run live server on vite. Any help will be appreciated.

Thanks

[chenxch]

Have you considered monorepo?

[chenxch]

What I mean is that you can consider monorepo to manage projects in this way, monorepo does not affect individual contracting.

[chenxch]

refor to https://github.com/vuejs/core/tree/main/packages

[sps014]

actually I am already using Lerna Monorepo, Everything is working fine except debugging of libs (other project in monorepo)

[chenxch]

Sorry, I don't know much about Lerna Monorepo. It may also support direct references between modules like workspace.

[samarai-jk]

@sps014 Have you ever solved this problem?

[ghetolay]

It's no about source map but matching url to local disk path so you should use pathMapping instead.
I'm using that on windows :

"pathMapping": {
  "/@fs/C:/": "C:/",
}

You can't have an empty path and just / seems to point to vscode's directory (working dir?), so you have to duplicate the root folder to make it work.