vuejs / language-tools

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

Terminal not showing errors when running in dev mode. No error checking in code either #4465

Closed philippilievski closed 1 week ago

philippilievski commented 2 weeks ago

Vue - Official extension or vue-tsc version

v2.0.21

VSCode version

1.90.0

Vue version

3.4.21

TypeScript version

5.4.5

System Info

OS: Ubuntu 22.04.4 LTS
IDE: VSCode and Nvim
Browser: Chrome Version 125.0.6422.141

Steps to reproduce

  1. Open terminal and create a new project: npm create vue@latest
  2. Add Typescript when asked for it
  3. Run npm install in project directory
  4. Start dev server by running: npm run dev
  5. Purposefully generate error in code in my example i typed into Homeview.vue and save the file:
    <script setup lang="ts">
    import TheWelcome from '../components/TheWelcome.vue'
    this is an error generated on purpose ; = ";";
    </script>
  6. Now the console should not show any error image
  7. Upon opening the application in the browser the error gets displayed (only in browser)
  8. Only upon page refresh the terminal now also displays the error

Link to minimal reproduction

No response

Any additional comments?

I wanted to try out Vue by creating my first application and when following the tutorial i soon realised that it is not working as expected.

I should also say that i have tried the same thing in Neovim and there it also doesn't work as explained above. I installed LSP's in both environments.

davidmatter commented 1 week ago

This is a topic that rather concerns vite or the vite vue plugin - you might want to move this issue. This issue has little to do with the LSP.

philippilievski commented 1 week ago

Will do thank you!