Avatar ·

TypeScript और React में "Cannot use JSX unless the '--jsx' flag is provided" त्रुटि

सभी को नमस्कार! मैं TypeScript और React में नया हूँ, एक प्रोजेक्ट सेटअप करने की कोशिश कर रहा हूँ, लेकिन एक त्रुटि का सामना कर रहा हूँ जिसे मैं दूसरे दिन से हल नहीं कर पा रहा हूँ। मेरे पास React का एक सरल component है जिसे मैं .tsx एक्सटेंशन वाली फ़ाइल में लिख रहा हूँ: ```tsx import React from 'react'; interface Props { name: string; } const Greeting: React.FC = ({ name }) => { return

Hello, {name}!

; }; export default Greeting; ``` जब मैं `tsc` के माध्यम से कंपाइलेशन चलाता हूँ, तो मुझे यह त्रुटि मिलती है: ``` Cannot use JSX unless the '--jsx' flag is provided. ``` मैं TypeScript संस्करण 5.0.3, React 18 का उपयोग कर रहा हूँ, और मेरा tsconfig.json इस प्रकार है: ```json { "compilerOptions": { "target": "ES2020", "module": "ESNext", "strict": true, "esModuleInterop": true, "outDir": "./dist", "rootDir": "./src" }, "include": ["src/**/*"] } ``` मैंने गूगल करने की कोशिश की, लेकिन इंटरनेट पर सलाह अलग-अलग है: कोई कहता है `"jsx": "react"` सेट करें, कोई कहता है `"jsx": "preserve"`, और कोई...