[SOLVED] Vue / Volar extension in Visual Studio Code keeps crashing: The JS/TS language service immediately crashed 5 times…

Vue / Volar extension in Visual Studio Code keeps crashing: The JS/TS language service immediately crashed 5 times…

I just wasted a day on this, so I thought I would get it down incase anyone else is experiencing it.

Opened a vue 3 project and got the following error:

The JS/TS language service immediately crashed 5 times. The service will not be restarted....

And then it listed a bunch of possible extensions that might be causing it - one of which is Vue.volar.

Disabling the Vue - Official extension does stop the crash, but then we have no vue or TypeScript language services in VS Code.

I narrowed it down to destructuring objects in HTML attributes in a vue template:

 <RouterView v-slot="{Component}">
   <Transition name="fade" appear>
     <component :is="Component" />
   </Transition>
 </RouterView>

If you change that to

 <RouterView v-slot="props">
   <Transition name="fade" appear>
     <component :is="props.Component" />
   </Transition>
 </RouterView>

Its fine - but a workaround....

Solution

Turns out the issue started in the 2.0 release of Vue - Official

You can roll Vue - Official back to older versions.

For me, the earliest working build was 1.8.27