Enabling JSX Support in Vue after deliberately not supporting it during installation

Question

Basically the title.

I had deliberately not enabled JSX support during initialization of a new Vue Project. Is there a way to enable JSX support. I get these type of warnings:

They don't effect while serving but still i think what i did was a mistake. Is their a way to enable JSX support now? Or will I have to initialize the project once again?

I know, but why is then the error mentioning JSX syntax? (does not have any construct or call signatures) — Vivek Hotti, Jun 07 '22 at 11:24
I think you're enabling some extension, try to install the volar extension — Boussadjra Brahim, Jun 07 '22 at 11:28
@Vivek I cannot reproduce the issue in a newly scaffolded project via `create-vue`. What steps did take you create this project? Can you share a link to a reproduction of the problem? — tony19, Jun 08 '22 at 01:09

score 0 · Accepted Answer · answered Jun 08 '22 at 05:07

This is actually a common problem in React too. Maybe its related enabling JSX support during installation ? I don't know. As @tony19 said he also installed disbaling JSX support and still didn't get any errors.

We can solve this issue by adding the following code in our jsconfig.json:

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

For further reference refer: https://stackoverflow.com/a/72332435/14064881

Enabling JSX Support in Vue after deliberately not supporting it during installation

1 Answers1