language-tools: TypeScript intellisense is disabled on template - error won't leave

According to the screenshot here, I have tried every means to remove this error “TypeScript intellisense is disabled on template, you can config "jsx": "preserve" in tsconfig or jsconfig to enable it, or config vueCompilerOptions.experimentalDisableTemplateSupport to disable this prompt.volar”. Can anyone help with this please ? _

image

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Comments: 18 (4 by maintainers)

Commits related to this issue

Most upvoted comments

@Jomoflash In your jsconfig.json, put the following:

“vueCompilerOptions”: { “experimentalDisableTemplateSupport”: true }

Instead of “jsx”: “preserve”. Should make the error disappear.

You should put jsx option in compilerOptions.

{
  "compilerOptions": {
    "jsx": "preserve"
  },
  "include": [...]
}

Thanks @johnsoncodehk Can you kindly explain the difference between adding this

"vueCompilerOptions": {
    "experimentalDisableTemplateSupport": true
},

and

"compilerOptions": {
    "jsx": "preserve"
}

@johnsoncodehk thanks for providing the solution here. I also wrote about it here since it seems many people (myself included) keep running into this and are getting confused.

Why does this come up if Vue projects don’t even rely on the jsx transform feature?

I tried both. The error is still there 😕 Tried even to reboot vs code, but it didn’t help.

@Jomoflash In your jsconfig.json, put the following:

“vueCompilerOptions”: { “experimentalDisableTemplateSupport”: true }

Instead of “jsx”: “preserve”. Should make the error disappear.

thanksss! This has been bugging me for quite awhile now