Trending
Poorly treated malaria in pregnancy can hinder babies’ growth — Gynaecologists is trending now What We Talk About When We Talk About The Interstitium is trending now Medical expert urges Nigerians to prioritise kidney health is trending now Scientists Find Traces of Two Unknown Archaic Hominins in Human DNA is trending now Exclusive: African space initiative eyes participation in China’s Chang’e-8 lunar mission… is trending now Hubble telescope takes one of the most detailed looks at neighboring Andromeda galaxy eve… is trending now Total solar eclipse to darken Spain for 1st time in a century | Daily Sabah is trending now Man Utd launch SHOCK raid for Arsenal defender as Mikel Arteta faces transfer dilemma is trending now 'We always aim big!' – Bryan Mbeumo sends Premier League warning after thriving in new Ma… is trending now An astronomical figure: Infantino's salary revealed in World Cup sale plan is trending now Transfer news LIVE: Arsenal medical, Vinicius agreed; Man Utd in talks is trending now Oba Femi shows the future of WWE is here as he takes down Brock Lesnar in Hell in a Cell … is trending now Poorly treated malaria in pregnancy can hinder babies’ growth — Gynaecologists is trending now What We Talk About When We Talk About The Interstitium is trending now Medical expert urges Nigerians to prioritise kidney health is trending now Scientists Find Traces of Two Unknown Archaic Hominins in Human DNA is trending now Exclusive: African space initiative eyes participation in China’s Chang’e-8 lunar mission… is trending now Hubble telescope takes one of the most detailed looks at neighboring Andromeda galaxy eve… is trending now Total solar eclipse to darken Spain for 1st time in a century | Daily Sabah is trending now Man Utd launch SHOCK raid for Arsenal defender as Mikel Arteta faces transfer dilemma is trending now 'We always aim big!' – Bryan Mbeumo sends Premier League warning after thriving in new Ma… is trending now An astronomical figure: Infantino's salary revealed in World Cup sale plan is trending now Transfer news LIVE: Arsenal medical, Vinicius agreed; Man Utd in talks is trending now Oba Femi shows the future of WWE is here as he takes down Brock Lesnar in Hell in a Cell … is trending now
Apple

Migrating from Intel Macbook Pro to M3 Max causes issues with debugging frontend Vue applications

Recently I purchased a new Macbook Pro (M3 Max) and used the Migration Assistant to essentially clone the existing Macbook Pro (Intel chip) I was using previously. How I stumbled upon asking this question on Ask Different. If this...

Recently I purchased a new Macbook Pro (M3 Max) and used the Migration Assistant to essentially clone the existing Macbook Pro (Intel chip) I was using previously.

How I stumbled upon asking this question on Ask Different. If this belongs elsewhere, please let me know.

If I create a brand new Vue2 project on my old machine using Vue CLI like this: vue create sample-project and I throw a debugger in the created hook of the HelloWorld.vue component that is automatically generated and I run the project and open dev tools in any browser (Chrome, Safari, etc.) then the result is that I will hit that debugger breakpoint in the created hook and see it like this in dev tools: Image of debugger breakpoint being hit in Chrome dev tools

However, if I try to do the same on my new machine I do not get the same result, the source maps seem messed up if I try to open the same HelloWorld.vue file in dev tools. On my new machine it looks like this: Image of broken source maps or unknown bug causing Vue files to show up odd in Chrome dev tools

If I compress the project from my old machine and send it to my new machine and try running it without so much as doing anything to it at all I cannot hit the same break point. Additionally if I do the reverse and create a new project on my new machine and then send it back to the old one, things do not work on the new one but will still work on the old machine and my work machine.

Sanity checks I've done:

node versions are identical (18.14.2) Vue CLI versions are identical (@vue/cli 5.0.8) What else should I be considering?

Things I have tried:

Restarting my machine. Doing a fresh install of Vue CLI using --force Doing a fresh install of node Restarting several more times after trying other things to no avail

Nothing has worked. As another sanity check I sent that same zipped up HelloWorld project to my work machine where I’ve never ran a vue project and it runs and debugs just fine there as well.

Differences I have noticed? If I open the source/test (my project name) I see these differences in the files: New machine: Picture from Chrome dev tools sources tab showing missing files on the new machine compared to the old one

Old machine: Picture from Chrome dev tools sources tab showing complete set of files from a new project as we would expect

Any ideas why this is happening only on this machine and what I can try to fix it?

View original source →

Related