vuejs / language-tools

⚡ High-performance Vue language tooling based-on Volar.js
https://marketplace.visualstudio.com/items?itemName=Vue.volar
MIT License
5.87k stars 403 forks source link

Grammar highlighting issue, language server seems not to have started, unsure if it is a vscode problem #4913

Closed lvzhenbo closed 3 weeks ago

lvzhenbo commented 1 month ago

Vue - Official extension or vue-tsc version

2.1.6

VSCode version

1.94.1

Vue version

3.5.11

TypeScript version

VSCode built-in version

System Info

System:
    OS: Windows 11 10.0.26100
    CPU: (20) x64 13th Gen Intel(R) Core(TM) i5-13500
    Memory: 4.67 GB / 15.62 GB
  Binaries:
    Node: 20.17.0 - ~\AppData\Local\fnm_multishells\35328_1728457919904\node.EXE
    npm: 10.8.2 - ~\AppData\Local\fnm_multishells\35328_1728457919904\npm.CMD       
    pnpm: 9.11.0 - C:\Program Files\nodejs\pnpm.CMD
  Browsers:
    Edge: Chromium (129.0.2792.79)
    Internet Explorer: 11.0.26100.1882

package.json dependencies

{
"dependencies": {
    "@element-plus/icons-vue": "^2.3.1",
    "@pureadmin/descriptions": "^1.2.1",
    "@pureadmin/table": "^3.2.1",
    "@pureadmin/utils": "^2.4.8",
    "@vueuse/core": "^11.1.0",
    "@vueuse/motion": "^2.2.5",
    "@wangeditor/editor": "^5.1.23",
    "@wangeditor/editor-for-vue": "^5.1.12",
    "animate.css": "^4.1.1",
    "axios": "^1.7.7",
    "bpmn-js": "^17.11.1",
    "dayjs": "^1.11.13",
    "diagram-js": "^14.11.3",
    "echarts": "^5.5.1",
    "element-plus": "^2.8.4",
    "js-cookie": "^3.0.5",
    "localforage": "^1.10.0",
    "lodash-es": "^4.17.21",
    "min-dash": "^4.2.1",
    "mitt": "^3.0.1",
    "naive-ui": "^2.40.1",
    "nprogress": "^0.2.0",
    "pathe": "^1.1.2",
    "pinia": "^2.2.4",
    "pinia-plugin-persistedstate": "^4.1.1",
    "pinyin-pro": "^3.25.0",
    "qs": "^6.13.0",
    "responsive-storage": "^2.2.0",
    "shiki": "^1.22.0",
    "sortablejs": "^1.15.3",
    "tippy.js": "^6.3.7",
    "vue": "^3.5.11",
    "vue-demi": "^0.14.10",
    "vue-draggable-plus": "^0.5.3",
    "vue-router": "^4.4.5",
    "vue-tippy": "^6.4.4",
    "xlsx": "workspace:*"
  },
  "devDependencies": {
    "@commitlint/cli": "^19.5.0",
    "@commitlint/config-conventional": "^19.5.0",
    "@commitlint/types": "^19.5.0",
    "@eslint/js": "^9.12.0",
    "@iconify-icons/ep": "^1.2.12",
    "@iconify-icons/ri": "^1.2.10",
    "@iconify/vue": "^4.1.2",
    "@pureadmin/theme": "^3.2.0",
    "@tsconfig/node20": "^20.1.4",
    "@types/js-cookie": "^3.0.6",
    "@types/node": "^20.16.11",
    "@types/nprogress": "^0.2.3",
    "@types/qs": "^6.9.16",
    "@types/sortablejs": "^1.15.8",
    "@vitejs/plugin-vue": "^5.1.4",
    "@vitejs/plugin-vue-jsx": "^4.0.1",
    "@vue/eslint-config-prettier": "10.0.0",
    "@vue/eslint-config-typescript": "14.0.0",
    "@vue/tsconfig": "^0.5.1",
    "autoprefixer": "^10.4.20",
    "boxen": "^8.0.1",
    "cssnano": "^7.0.6",
    "eslint": "^9.12.0",
    "eslint-define-config": "^2.1.0",
    "eslint-plugin-vue": "^9.28.0",
    "gradient-string": "^3.0.0",
    "husky": "^9.1.6",
    "lint-staged": "^15.2.10",
    "postcss": "^8.4.47",
    "postcss-html": "^1.7.0",
    "postcss-import": "^16.1.0",
    "postcss-load-config": "^6.0.1",
    "postcss-scss": "^4.0.9",
    "prettier": "^3.3.3",
    "rimraf": "^6.0.1",
    "rollup-plugin-visualizer": "^5.12.0",
    "sass-embedded": "^1.79.4",
    "stylelint": "^16.9.0",
    "stylelint-config-recess-order": "^5.1.1",
    "stylelint-config-recommended-vue": "^1.5.0",
    "stylelint-config-standard-scss": "^13.1.0",
    "stylelint-prettier": "^5.0.2",
    "svgo": "^3.3.2",
    "tailwindcss": "^3.4.13",
    "typescript": "^5.6.3",
    "unplugin-auto-import": "^0.18.3",
    "unplugin-vue-components": "^0.27.4",
    "vite": "^5.4.8",
    "vite-plugin-cdn-import": "^1.0.1",
    "vite-plugin-compression": "^0.5.1",
    "vite-plugin-fake-server": "^2.1.2",
    "vite-plugin-remove-console": "^2.2.0",
    "vite-plugin-router-warn": "^1.0.0",
    "vite-svg-loader": "^5.1.0",
    "vue-eslint-parser": "^9.4.3",
    "vue-tsc": "^2.1.6"
  },
}

Steps to reproduce

  1. Upgrade VSCode to 1.94+
  2. Open the Vue project. If there are files in the editor area at this time, close all open files and then open the project again
  3. Choose a Vue file to open and observe the bottom bar and syntax highlighting
  4. Keep the file open and close VSCode before reopening, observe the bottom bar and syntax highlighting

What is expected?

Grammar highlighting should be normal in both cases

What is actually happening?

The first situation is that the syntax highlighting does not take effect and the bottom column does not appear to load The second situation is normal

Link to minimal reproduction

No response

Any additional comments?

No response

KazariEX commented 1 month ago

I can't reproduce it. Could you disable all other extensions and try again?

lvzhenbo commented 1 month ago

I tried disabling all the plugins but it didn't work, you can see the one minute video demo below 视频.webm

lvzhenbo commented 1 month ago

Demonstrated projects https://github.com/lvzhenbo/scrollbar-editor

lvzhenbo commented 3 weeks ago

1.95后无法复现了,似乎是vscode问题