Home/ Questions/Is it okay to fix the Cannot use jsx unless the '--jsx' flag is provided problem?
Next
Answered
Sutton Martin
  • 5
Asked: 2022-05-17T14:30:17+00:00 In:

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
Share

2 Answers

  1. Best Answer
    Expert

    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"
}
}
    • 23

  2. 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

Leave an answer

You must login to add an answer.

Need An Account,