Avatar ·

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

सभी को नमस्ते! मैं React और TypeScript में नया हूँ, अपना पहला प्रोजेक्ट सेटअप करने की कोशिश कर रहा हूँ। TypeScript टेम्पलेट के साथ create-react-app इंस्टॉल किया, लेकिन कंपाइल करने पर यह त्रुटि मिलती है: ``` Cannot use JSX unless the '--jsx' flag is provided. ``` App.tsx फ़ाइल में मेरा कोड इस प्रकार है: ```tsx import React from 'react'; const App: React.FC = () => { return (

Hello, World!

); }; export default App; ``` मैंने `npx create-react-app my-app --template typescript` के माध्यम से प्रोजेक्ट बनाया। फ़ोल्डर में tsconfig.json है, लेकिन मैंने उसे देखा नहीं। जब मैं `npm start` चलाता हूँ, तो सब काम करता है, लेकिन अगर मैं `tsc` के माध्यम से मैन्युअल रूप से प्रोजेक्ट कंपाइल करने की कोशिश करता हूँ, तो यह त्रुटि मिलती है। मैंने यह भी देखा कि अगर मैं फ़ाइल का एक्सटेंशन .tsx से .ts में बदल दूं, तो त्रुटि गायब हो जाती है, लेकिन फिर JSX टैग काम करना बंद कर देते हैं (React शिकायत करता है)। कृपया बताएं, मैं क्या गलत कर रहा हूँ? JSX के साथ काम करने के लिए TypeScript को सही तरीके से कैसे कॉन्फ़िगर करें? क्या tsconfig.json में कुछ बदलने की ज़रूरत है? create-react-app ऐसा क्यों करता है?