Avatar ·

خطأ "Cannot use JSX unless the '--jsx' flag is provided" في TypeScript وReact

مرحباً بالجميع! أنا مبتدئ في React وTypeScript، أحاول إعداد أول مشروع لي. قمت بتثبيت create-react-app مع قالب TypeScript، ولكن عند الترجمة أحصل على الخطأ: ``` 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 يشتكي). أرجو إرشادي، ما الذي أفعله بشكل خاطئ؟ كيف يمكن ضبط TypeScript بشكل صحيح للعمل مع JSX؟ هل أحتاج إلى تغيير شيء في tsconfig.json؟ لماذا create-react-app يعمل بشكل جيد ولكن الترجمة اليدوية لا؟