Setting up vuejs to be used/debugged in project

[func0der]

Hi there,

I have noticed multiple problems with out app when going from Vue 3.4.4 to 3.4.5.
One is with HMR recognizing events (console log9, but not reloading components and the other one is one with currentRenderInstance somewhere.

I have read that the render instance thing might be caused by multiple vue instances floating around the application.
If that is the case, it sounds to as if those two have a similar source. HMR could be broken, because the wrong instance of vue is getting notified about rerendering stuff.

Either way, I wanted to debug (git bisect) the commits from 3.4.4 to 3.4.5 and use the built libraries in my project.

My problem now is, that I can not find a way to get this working.

What I have tried:

1. npm add https://github.com/vuejs/core#0275dd329d241bdd84ce3ca0c7fc07211cb21751
   Breaks with error messages about not being used with pnpm
2. pnpm add 'vuejs/core#path:packages/vue&0275dd329d241bdd84ce3ca0c7fc07211cb21751'
   Breaks with error message:

    ERR_PNPM_WORKSPACE_PKG_NOT_FOUND  In : "@vue/shared@workspace:*" is in the dependencies but no package named "@vue/shared" is present in the workspace
   

3. Clone vuejs/core and run

   npm run build
   
   cd packages/vue
   npm link
   cd ../compiler-sfc
   npm link
   cd ../compiler-core
   npm link
   cd ../runtime-core
   npm link
   cd ../runtime-dom
   npm link
   cd ../shared
   npm link
   
   cd /path/to/project
   npm link @vue/runtime-dom @vue/compiler-sfc @vue/compiler-core @vue/runtime-core @vue/shared vue
   

   As soon as I link vue everything is broken (css, renderInstance errors etc). Even if I use pnpm add /path/to/vuejs-core/packages/vue. It does not matter which version I checkout in vuejs/core.

What is the correct way to set this up?

This might not help me with my problem, but I would like to further narrow things down so I know what kind of error I am looking for in my application.

Thank you in advance :)

[antoinematyja]

I had the same issue, I was using [email protected] and @vitejs/[email protected]
I upgraded to latest ([email protected] and @vitejs/[email protected]) and it fixed the issue.

[func0der]

yeah, the HMR seemed to have been a vite issue, but this discussion is rather about how one would find such a problem.
I want to be able to setup and environment for me to dissect vuejs's commits.