Sign Up

Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.

Have an account? Sign In

Have an account? Sign In Now

Sign In

Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.

Sign Up Here

Forgot Password?

Don't have account, Sign Up Here

Forgot Password

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

Have an account? Sign In Now

You must login to ask question.(5)

Forgot Password?

Need An Account, Sign Up Here

Please briefly explain why you feel this question should be reported.

Please briefly explain why you feel this answer should be reported.

Please briefly explain why you feel this user should be reported.

Sign InSign Up

ITtutoria

ITtutoria Logo ITtutoria Logo

ITtutoria Navigation

  • Python
  • Java
  • Reactjs
  • JavaScript
  • R
  • PySpark
  • MYSQL
  • Pandas
  • QA
  • C++
Ask A Question

Mobile menu

Close
Ask a Question
  • Home
  • Python
  • Science
  • Java
  • JavaScript
  • Reactjs
  • Nodejs
  • Tools
  • QA
Home/ Questions/Is it okay to fix the Cannot use jsx unless the '--jsx' flag is provided problem?
Next
Answered
Sutton Martin
  • 5
Sutton Martin
Asked: May 17, 20222022-05-17T14:30:17+00:00 2022-05-17T14:30:17+00:00In: javascript

Is it okay to fix the Cannot use jsx unless the ‘–jsx’ flag is provided problem?

  • 5

. Advertisement .

..3..

. Advertisement .

..4..

I am working with javascript and getting the error message:

Cannot use JSX unless the '--jsx' flag is provided

Here is the detail of the code that I ran:

{
  "compilerOptions": {
  "module": "commonjs",
  "target": "es5",
  "allowJs": true,
  "checkJs": false,
  "jsx": "react",
  "outDir": "./build",
  "rootDir": "./lib",
  "removeComments": true,
  "noEmit": true,
  "pretty": true,
  "skipLibCheck": true,
  "strict": true,
  "moduleResolution": "node",
  "esModuleInterop": true
  },
  "include": [
  "./lib/**/*"
  ],
  "exclude": [
  "node_modules"
  ]
 }

I need an explanation for the problems I’ve encountered. How to fix Cannot use jsx unless the ‘–jsx’ flag is provided?

cannot use jsx
  • 2 2 Answers
  • 130 Views
  • 0 Followers
  • 0
Answer
Share
  • Facebook
  • Report

2 Answers

  • Voted
  • Oldest
  • Recent
  • Random
  1. Best Answer
    dttutoria Expert
    2022-06-11T16:41:28+00:00Added an answer on June 11, 2022 at 4:41 pm

    The cause: The error “Cannot use jsx unless the ‘–jsx’ flag is provided” appears because it needs to secure the request the IDE and your project uses are using the same version of TypeScrip. Its’ versions should match.

    Solution: Restart your IDE because tsconfig.json changes aren’t always taken up right away.

    The other way: Replace react-jsx with react in the tsconfig.json file:

    {
    "compilerOptions": {
    "jsx": "react"
    }
    }
    • 22
    • Reply
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report
  2. Ira Williams
    2022-05-26T04:10:25+00:00Added an answer on May 26, 2022 at 4:10 am

    npm start overrides everything I have in {jsx: ...} and react-jsx to make it compatible with React’s JSX transformation.

    The following changes are being made to your tsconfig.json file:
     - compilerOptions.jsx must be react-jsx (to support the new JSX transform in React 17)

    The problem is that VSCode uses an older version (4.0.3), but the version included with the project is (4.1.2).

    These were the steps that worked for me:

    1. Navigate to the command palette

      CTRL

      +

      Shift

      +

      P

      (Or

      +

      Shift

      +

      P

      On Mac

    2. Select “TypeScript”: Choose a TypeScript Version …”.
    3. Choose “Use workspace Version”.


    cannot%20use%20jsx%20unless%20the%20'--jsx'%20flag%20is%20provided


    cannot%20use%20jsx%20unless%20the%20'--jsx'%20flag%20is%20provided


    cannot%20use%20jsx%20unless%20the%20'--jsx'%20flag%20is%20provided

    • 17
    • Reply
    • Share
      Share
      • Share on Facebook
      • Share on Twitter
      • Share on LinkedIn
      • Share on WhatsApp
      • Report

Leave an answer
Cancel reply

You must login to add an answer.

Forgot Password?

Need An Account, Sign Up Here

Sidebar

Ask A Question
  • How to Split String by space in C++
  • How To Convert A Pandas DataFrame Column To A List
  • How to Replace Multiple Characters in A String in Python?
  • How To Remove Special Characters From String Python

Explore

  • Home
  • Tutorial

Footer

ITtutoria

ITtutoria

This website is user friendly and will facilitate transferring knowledge. It would be useful for a self-initiated learning process.

@ ITTutoria Co Ltd.

Tutorial

  • Home
  • Python
  • Science
  • Java
  • JavaScript
  • Reactjs
  • Nodejs
  • Tools
  • QA

Legal Stuff

  • About Us
  • Terms of Use
  • Privacy Policy
  • Contact Us

DMCA.com Protection Status

Help

  • Knowledge Base
  • Support

Follow

© 2022 Ittutoria. All Rights Reserved.

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.