vue.js - Erori Typescript care nu apar în VSCode, cu Vue 3 și Volar

Încerc să folosesc Typescript în Vue 3, în VSCode.

Când foloseam pluginul Vetur, avea evidențierea erorilor, dar era prea entuziastă - iar documentația oficială Vue 3 o recomandă împotriva utilizării.

Apoi am urmat instrucțiunile din documentația Vue 3, am dezactivat Vetur și am activat Volar...

Dar acum nu mai arată niciun fel de erori, chiar și atunci când lucrurile sunt evident greșite.

Ce îmi lipsește?

Fișierul meu tsconfig.json este structurat exact așa cum este generat cu comanda npm create vue@3:

{
  "files": [],
  "references": [
    {
      "path": "./tsconfig.config.json"
    },
    {
      "path": "./tsconfig.app.json"
    },
    {
      "path": "./tsconfig.vitest.json"
    }
  ]
}

Și iată tsconfig.app.json - din nou, la fel ca cel generat cu comanda npm create vue@3.

{
  "extends": "@vue/tsconfig/tsconfig.web.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "compilerOptions": {
    "composite": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

Iată extensiile mele activate în VSCode. Am folosit „modul de preluare” așa cum este recomandat în documentație, dar rețineți că chiar și fără a folosi modul de preluare, TypeScript-ul meu tot nu evidențiază corect erorile.

Există o configurație pe care o ratez?

Răspuns #1

Aparent, eram blocat pe o versiune mai veche de VSCode - actualizarea automată nu funcționa. Am observat acest lucru atunci când am încercat să folosesc LiveShare și integrarea GitHub a insistat să fac upgrade.

Am descărcat o versiune nouă de VSCode și Volar funcționează acum.

Răspuns #2

Puțin târziu, dar am avut și eu problema și am descoperit că detectarea automată a fișierelor în VS Code a recunoscut fișierele mele vue ca html :D Am schimbat-o manual în vue și a funcționat