JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.ts(7026)

Describe the bug The above error is shown for any ‘native’ html (span, div) tag, but not for Vue components such as template, MyComponent. I have the exact same repo on three machines (Two W10, one Mac) and it only happens on one (W10), so it doesn’t seem to be anything wrong with the config. Nothing has been changed

To Reproduce Difficult to provide exact reproduction because it is only happening on one environment out of three, but minimal repo provided anyway https://github.com/chrissyast/nuxt-typescript/tree/minimal_example

1. Clone
2. yarn install
3. Open pages/index.vue

Expected behavior No errors on <div> tag

Screenshots

Additional context A lot of the google search results were related to React and suggested it was a types issue https://stackoverflow.com/a/59046713/8940624, but I have added “@nuxt/types” to tsconfig. On both the failing and working PC, tsc --version yielded tsc' is not recognized as an internal or external command,. I installed typescript on the failing PC anyway but still the issue persists

[jihogrammer]

If you are using “volar”, try using “vutur”.

[FossPrime]

This issue is unrelated to typescript… but, for anyone who stumbles on this issue:

Uninstalling volar is no longer an acceptable answer… vue-tsc will also produce this error. install @vue/runtime-dom and then in a tsconfig.node.json referenced file, experimental mode

Here’s my tsconfig.node.json:

{
  "compilerOptions": {
    "composite": true,
    "module": "esnext",
    "moduleResolution": "node"
  },
  "include": [
    "vite.config.ts"
  ],
  "vueCompilerOptions": {
    "experimentalCompatMode": 2, // delete after migrating to vue3 (or nuxt3)
    "experimentalTemplateCompilerOptions": {
      "compatConfig": {
        "MODE": 2
      } // delete after migrating to vue3 (or nuxt3)
    }
  }
}