Skip to content

VSCode not showing lint/syntax errors using Typescript #1214

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
3 tasks done
jtsom opened this issue Apr 19, 2019 · 2 comments
Open
3 tasks done

VSCode not showing lint/syntax errors using Typescript #1214

jtsom opened this issue Apr 19, 2019 · 2 comments

Comments

@jtsom
Copy link

jtsom commented Apr 19, 2019

  • I have searched through existing issues
  • I have read through docs
  • I have read FAQ

Info

  • Platform: MacOS
  • Vetur version: 0.18.1
  • VS Code version: Version 1.34.0-insider (1.34.0-insider)

Problem

When using Typescript in a Vue SFC app, if there are any lint problems or syntax errors (missing semi-colons, undeclared variables, etc), there is no indication in the editor of these errors. The only time it shows is when the application is build, then you have to parse through the error messages in the console.

Reproducible Case

Create new Vue app:
vue create new-app
choose Typescript and classes
open the project in VSCode. Make any changes that should trigger a red underline with errors / fixes. None show up, no fixes are available.

image

Line 38 should have a semi-colon at the end and there should be marked as a problem, but nothing is displayed.

Sort of invalidates the point of using Typescript and VSCode...

@octref
Copy link
Member

octref commented Apr 26, 2019

@jtsom The temporary solution is #170 (comment)

If you have syntactical errors Vetur should report it. Can you upload your repro case to GitHub?

@jtsom
Copy link
Author

jtsom commented Apr 26, 2019

As I mentioned in the report, to reproduce, all that is needed is a brand new Vue project. And change the one line that should report a message, with a possible fix-it:

Create new Vue app:
vue create new-app
choose Typescript and classes
open the project in VSCode. Make any changes that should trigger a red underline with errors / fixes. None show up, no fixes are available.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants