How can I get all vue-tsc errors to show up in vscode?

[Juice10]

Question

How can I get all vue-tsc errors to show up in my editor?

Context

yarn vue-tsc creates all sorts of errors:

Which don't show up in the editor:

But some Volar errors do show up: Volar is creating ts errors but mainly in the script lang=ts, not in template

I'm running volar 0.25.28 and vue-tsc 0.2.0

My tsconfig:

{
  "compilerOptions": {
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "noImplicitAny": false,
    "strict": true,
    "lib": ["ES2020", "dom"],
    "module": "ES2020",
    "moduleResolution": "node",
    "baseUrl": ".",
    "paths": {
      "*": ["node_modules/*"],
      "@models/*": ["app/javascript/models/*"],
      "@modules/*": ["app/javascript/modules/*"],
      "@component/*": ["app/javascript/component/*"],
      "@assets/*": ["app/javascript/assets/*"]
    },
    "importsNotUsedAsValues": "preserve",
    "sourceMap": true,
    "target": "ES2020",
    "noEmit": true
  },
  "exclude": ["spec/javascripts", "test/javascripts", "node_modules", "vendor", "public"],
  "compileOnSave": false
}

.vscode/settings.json

{
  "cSpell.enableFiletypes": ["dockerfile", "ruby", "vue"],
  "cSpell.enabled": true,
  "cSpell.words": [
    "Hashie",
    "Mutators",
    "Tokenizable",
    "authenticatable",
    "datetime",
    "gsap",
    "instanceof",
    "unscrolled",
    "validatable",
    "webdriverio",
    "yoyo"
  ],

  // the following fix (PARALLEL_WORKERS=1) is set inside of test/test_helper.rb
  // https://github.com/connorshea/vscode-ruby-test-adapter/issues/20
  // "rubyTestExplorer.minitestCommand": "PARALLEL_WORKERS=1 ./bin/rake"
  "rubyTestExplorer.debugCommand": "bundle exec rdebug-ide",
  "rubyTestExplorer.testFramework": "minitest",
  // Writes diagnotic logs to "Ruby Test Explorer" output panel.
  "rubyTestExplorer.logpanel": true,

  // format with prettier
  "editor.defaultFormatter": "esbenp.prettier-vscode",

  // lint with solargraph
  "solargraph.diagnostics": true,
  "solargraph.useBundler": true,

  // don't prettify or lint via ruby extension
  "ruby.format": false,
  "ruby.lint": {},
  "editor.formatOnSave": true,

  "mochaExplorer.require": "spec/javascripts/test_helpers/babel_loader.js",
  "mochaExplorer.env": {
    "NODE_ENV": "test"
  },
  "git.ignoreLimitWarning": true,
  "[vue]": {
    "editor.defaultFormatter": "johnsoncodehk.volar"
  }
}

~/Library/Application Support/Code/User/settings.json

{
  "ruby.codeCompletion": "rcodetools",
  "ruby.format": false,
  "ruby.intellisense": "rubyLocate",
  "eslint.format.enable": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": true,
    // For ESLint
    "source.fixAll.eslint": true,
    // For TSLint
    "source.fixAll.tslint": true,
    // For Stylelint
    "source.fixAll.stylelint": true
  },
  "atomKeymap.promptV3Features": true,
  "editor.multiCursorModifier": "ctrlCmd",
  "eslint.validate": [".ts", ".tsx", "vue", "html", "json", "javascript"],
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[vue]": {
    "editor.defaultFormatter": "johnsoncodehk.volar"
  },
  "rubyTestExplorer.logpanel": true,
  "git.autofetch": true,
  "diffEditor.renderSideBySide": true,
  "terminal.integrated.automationShell.osx": "/usr/local/bin/fish",
  "git.confirmSync": false,
  "terminal.integrated.shell.osx": "/usr/local/bin/fish",
  "ruby.pathToBundler": "/Users/justin/.rbenv/shims/bundle",
  "solargraph.bundlerPath": "/Users/justin/.rbenv/shims/bundle",
  "cSpell.userWords": [
    "Halsall",
    "IFRAME",
    "Postgres",
    "Vuex",
    "affordance",
    "bezier",
    "cacheable",
    "contenteditable",
    "devcontainer",
    "keyframes",
    "nuxt",
    "opentype",
    "outro",
    "outros",
    "posttest",
    "recordonce",
    "replayer",
    "rrweb",
    "rubocop",
    "scanjs",
    "screenshooter",
    "sonarjs",
    "truetype",
    "tsnodewatch",
    "tweened",
    "uncacheable",
    "unsanitized",
    "upcase",
    "webcrypto"
  ],
  "editor.tabSize": 2,
  "prettier.jsonEnable": ["json"],
  "prettier.printWidth": 100,
  "prettier.tabWidth": 2,
  "prettier.trailingComma": "es5",
  "prettier.useTabs": false,
  "diffEditor.ignoreTrimWhitespace": false,
  "typescript.updateImportsOnFileMove.enabled": "always",
  "mocha.files.glob": "test/*.ts",
  "mocha.requires": ["ts-node/register", "node-webcrypto-shim/register"],
  "mocha.runTestsOnSave": true,
  "mochaExplorer.nodePath": null,
  "mochaExplorer.files": "test/*.ts",
  "cSpell.enabled": false,
  "cSpell.enableFiletypes": ["ruby", "vue", "vue-html"],
  "files.associations": {
    ".prettierrc.cjs": "javascript",
    "*.dockerignore": "ignore"
  },
  "ruby.useBundler": true, //run non-lint commands with bundle exec
  "vs-kubernetes": {
    "vs-kubernetes.minikube-path.mac": "/Users/justin/.vs-kubernetes/tools/minikube/darwin-amd64/minikube",
    "vscode-kubernetes.minikube-path.mac": "/Users/justin/.vs-kubernetes/tools/minikube/darwin-amd64/minikube"
  },
  "ruby.interpreter.commandPath": "~/.rbenv/shims/ruby",
  "prettier.packageManager": "yarn",
  "prettier.resolveGlobalModules": true,
  "prettier.singleQuote": true,
  "prettier.requireConfig": true,
  "remote.containers.workspaceMountConsistency": "delegated",
  "template-string-converter.validLanguages": [
    "vue",
    "svelte",
    "typescript",
    "javascript",
    "typescriptreact",
    "javascriptreact"
  ],
  "redhat.telemetry.enabled": true
}

[johnsoncodehk]

IDE and command line should have same type-check result with same version.

What is the version of vscode-vue-languageservice in node_modules? If it's not 0.25.28 please update it.

[Juice10]

Thanks for the quick response @johnsoncodehk. I just upgraded vscode-vue-languageservice from 0.25.22 to 0.25.28 and I still get exactly the same results unfortunately.

[johnsoncodehk]

Please provide some infos:

• Hover message from :selectedVoiceOverId and ="selectedVoiceOverId".
• TS version in VSCode
• TS version in node_modules

[Juice10]

I'd be happy to:

VSCode TS version 4.3.2
node_modules TS version 4.3.2

[johnsoncodehk]

Thanks for your information, it seem everything broken in your template... (component type, template context)

Please try to provide a repro case by modify https://github.com/johnsoncodehk/volar-starter.