question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Volar extension crashes when i a "div" element in Vuejs template

See original GitHub issue

Hi,

The VS Code Volar Extension crashes when i add a “div” element inside a vuejs 3 template. After that the emmet does not work in vue files anymore.

<template>
  <NavBar></NavBar>
  <router-view></router-view>
  <div>
    <div>
      <p></p>
    </div>
  </div>
  **div**
</template>

The VS Code version is:

Version: 1.66.1 (user setup)
Commit: 8dfae7a5cd50421d10cd99cb873990460525a898
Date: 2022-04-06T14:50:12.141Z
Electron: 17.2.0
Chromium: 98.0.4758.109
Node.js: 16.13.0
V8: 9.8.177.11-electron.0
OS: Windows_NT x64 10.0.19043

Volar Extension version is

Name: Vue Language Features (Volar)
Id: johnsoncodehk.volar
Description: Language support for Vue 3
Version: 0.34.5
Publisher: Johnson Chu
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar

The errror messages are: 

Screenshot_1

Now is using this extension which works but the emmet is not working properly when i add class:


Name: Test Patched Extension 1
Id: zardoy.testPatched1
Description: Volar with better support for Vue2
Version: 0.33.13
Publisher: zardoy
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=zardoy.testPatched1


Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:2
  • Comments:12 (3 by maintainers)

github_iconTop GitHub Comments

4reactions
johnsoncodehkcommented, Apr 11, 2022

@NathanVG please also add "jsx": "preserve".

0reactions
tiger-githubbcommented, Apr 14, 2022

i have this problem to i can’t solve it

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML datalist keeps crashing when dynamically loaded with ...
I 've tried wrapping the options in the vue <template> tag and moving the v-for there with no success. I have this working...
Read more >
vue-template-compiler | Yarn - Package Manager
This package can be used to pre-compile Vue 2.0 templates into render functions to avoid runtime-compilation overhead and CSP restrictions.
Read more >
A curated list of awesome things related to Vue.js - Gitee
A curated list of awesome things related to Vue.js.
Read more >
vue cannot find module or type declarations - You.com
Vue js 3 with TypeScript Cannot find module 'xxxxxx' or its corresponding type ... Then, VSCode recommended me the TypeScript Volar extension, and...
Read more >
Untitled
Alpha hemolysis mechanism, I'll marry you bruno mars, Votnut, Dof mobile. ... Vue.js debug mode, Las dominguez, The new table of elements, Air...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found