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.

Tooltip won't display type information, instead shows "ts" in vscode insider

See original GitHub issue
  • I have searched through existing issues
  • I have read through docs
  • I have read FAQ
  • I have tried restarting VS Code or running Vetur: Restart VLS

Info

  • Platform: Win

  • Vetur version: 0.30.3

  • VS Code version: 1.52.0-insider (system setup) Commit: 0a80aacc7be1ab03ec0f94b8ac1a84949a83f35d Date: 2020-11-26T07:36:22.965Z Electron: 11.0.2 Chrome: 87.0.4280.63 Node.js: 12.18.3 V8: 8.7.220.24-electron.0 OS: Windows_NT x64 10.0.19041

  • VS Code stable version: Version: 1.51.1 (user setup) Commit: e5a624b788d92b8d34d1392e4c4d9789406efe8f Date: 2020-11-10T23:34:32.027Z Electron: 9.3.3 Chrome: 83.0.4103.122 Node.js: 12.14.1 V8: 8.3.110.13-electron.0 OS: Windows_NT x64 10.0.19041

Problem

In the latest version of VS Code Insiders Vetur can’t show type information in TypeScript Vue projects but instead just shows “ts”. I’ve restarted the TypeScript Language Server and the VLS several times, tried updating both VS Code and Vetur and also removed and reinstalled Vetur completely, without any difference. The problem isn’t bound to a specific project, it happened in every file I tried. I can open the same project and file in the stable version of VS Code and it will work fine as expected (see screenshots below).

Expected behaviour working as of VS Code 1.51.1

grafik

[INFO ] Loaded bundled typescript@4.0.5.
[INFO ] Loaded bundled prettier.
[INFO ] Loaded bundled @starptech/prettyhtml.
[INFO ] Loaded bundled prettier-eslint.
[INFO ] Loaded bundled prettier-tslint.
[INFO ] Loaded bundled stylus-supremacy.
[INFO ] Loaded bundled @prettier/plugin-pug.
Vetur initialized

Actual behaviour as of VS Code 1.52.0-insiders

grafik

[1126/135948.678:ERROR:registration_protocol_win.cc(102)] CreateFile: Das System kann die angegebene Datei nicht finden. (0x2)
[INFO ] Loaded bundled typescript@4.1.2.
[INFO ] Loaded bundled prettier.
[INFO ] Loaded bundled @starptech/prettyhtml.
[INFO ] Loaded bundled prettier-eslint.
[INFO ] Loaded bundled prettier-tslint.
[INFO ] Loaded bundled stylus-supremacy.
[INFO ] Loaded bundled @prettier/plugin-pug.
Vetur initialized

Reproducible Case

  1. Create a Vue 2 project with vue-cli and enable TypeScript support.
  2. Open the project in VS Code insiders.
  3. Paste the following code in any component:
<script lang="ts">
    import { Component, Vue } from "vue-property-decorator";

    @Component({ })
    export default class TestView extends Vue {
        field: string;
    }
</script>
  1. Hover over field.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
rs3dcommented, Dec 3, 2020

@vainamov It looks like the most recent insiders version is working again: image

Tested with

Version: 1.52.0-insider (user setup)
Commit: 92192baf760315ac47fb2caaf3ce6d0778962352
Date: 2020-12-03T05:43:59.635Z
Electron: 9.3.5
Chrome: 83.0.4103.122
Node.js: 12.14.1
V8: 8.3.110.13-electron.0
OS: Windows_NT x64 10.0.19042
0reactions
bangjelkoskicommented, Dec 4, 2020

@rs3d thanks for this, I was struggling to make it work. Upgrading VSCode worked just fine!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Editor Tooltip doesn't show type comments when there is a ...
For the second issue: Defining a variable can start a comment after the line and the tooltip will show the comment. However, defining...
Read more >
Does VSCode accurately display the correct Typescipt type in ...
VS code is correct, it talks to a typescript language server to provide the type information when you hover, so it shows the...
Read more >
awesome-vscode | A curated list of delightful VS Code ...
A curated list of delightful Visual Studio Code packages and resources. ... intellisense, type tooltips and click-to-definition; vscode-flow-ide - an ...
Read more >
VS Code Can Do That?
VS Code will automatically show a selector in CSS when you hover over your selectors. It uses a visual representation of the markup...
Read more >
Microsoft releases VS Code 1.51 with improved pinned tabs ...
Pinned tabs will now always show their pin icon, even while inactive, to make them easier ... Instead of using the native tooltip...
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