bundle error: Cannot specify --jsx

[AkifumiSato]

deno: 1.7.0

I ran this command because I want to bundle jsx.

deno bundle pages/Index.tsx public/pages/Index.js
error: TS17004 [ERROR]: Cannot use JSX unless the '--jsx' flag is provided.
...

Then I ran it with the --jsx flag.

deno bundle --jsx pages/Index.tsx public/pages/Index.js
error: Found argument '--jsx' which wasn't expected, or isn't valid in this context

Is the error message incorrect, or am I making a mistake?

[ry]

I believe you can work around this by using --no-check

[lucacasonato]

cc @kitsonk

[amrox]

if it helps, I hit this too. I was working with the tutorial here https://dev.to/craigmorten/writing-a-react-ssr-app-in-deno-2m7

deno 1.7.1

client.tsx:

import React from "https://dev.jspm.io/[email protected]";
import ReactDOM from "https://dev.jspm.io/[email protected]";
import App from "./app.tsx";

(ReactDOM as any).hydrate(
    <App />,
    //@ts-ignore
    document.getElementById("root"),
);

❯ deno bundle client.tsx                                                                                                                                                                    ~/Projects/deno1
Bundle file:///Users/amrox/Projects/deno1/client.tsx
Check file:///Users/amrox/Projects/deno1/client.tsx
error: TS6142 [ERROR]: Module './app.tsx' was resolved to 'file:///Users/amrox/Projects/deno1/app.tsx', but '--jsx' is not set.
import App from "./app.tsx";
                ~~~~~~~~~~~
    at file:///Users/amrox/Projects/deno1/client.tsx:3:17

TS17004 [ERROR]: Cannot use JSX unless the '--jsx' flag is provided.
    <App />,
    ~~~~~~~
    at file:///Users/amrox/Projects/deno1/client.tsx:6:5
...

--no-check does work around this issue

[ebebbington]

Use the config flag with a tsconfig + lib prop should fix this right? without needing to use --no-check