ريآكت

ما المقصود بمشكلة في ترتيب الملفات؟ فمهما كان مكان المكونات تستطيع الإشارة إلى المسار الخاص بها بكل سهولة، فما المشكلة التي تواجهها؟

بظهرلي ايرور في التيرمنال خطأ خصوصا بملفات الريآكت

بتاريخ الآن قال Moaz Abu Zant:

بظهرلي ايرور في التيرمنال خطأ خصوصا بملفات الريآكت

يفترض بالأمر الطبيعي لتشغيل خادم التطوير أن يكون:

npm run start

و لي:

npm start

أيضا تأكد من أن المشروع الذي تحاول تشغيل هذا الأمر فيه هو مشروع رياكت، إذ أنك لا تريد تنفيذ هذا الأمر لمجرد تنفيذه وفقط. 

أيضا يظهر من الصورة السابقة أنك تضع ملف package.json داخل مجلد فرعي. تخلص من ذلك وضعه على نفس مستوى الملفات والمجلدات الأخرى. 

ملف package.json اخرجه برا مع باقي الملفات على نفس المستوى؟ وكيف اتاكد انه المشروع هو مشروع ريأكت؟

كما أخبرك عدنان فإن المشكلة تكمن في تنفيذ الأمر 

npm strat 

في المسار الموجود به ملف package.json

كما هناك بعض الممارسات العامة التي يمكن اتباعها لتنظيم مشروع React بشكل جيد. يمكن استخدام هذه الإرشادات كنقطة انطلاق عند بدء تنظيم مشروعك:

ترتيب مقترح للمجلدات والملفات في مشروع React:

مجلد public: يحتوي على الملفات العامة مثل:

• index.html 
• favicon.ico
• أي ملفات صور أو CSS

مجلد src: يحتوي على كل ملفات المصدر للمشروع مثل:

• مجلد components: يحتوي على مكونات React 
• مجلد assets: يحتوي على الصور والملفات الأخرى
• مجلد styles: يحتوي على ملفات CSS أو Sass 
• ملف index.js: يحتوي على تصدير التطبيق الرئيسي 
• ملف App.js: يحتوي على المكون الرئيسي للتطبيق

مجلد config: يحتوي على ملفات الإعدادات مثل webpack وغيرها

.gitignore: ملف إهمال git لتجاهل ملفات مثل node_modules وأي ملفات أخرى غير ضرورية لإدارة نسخة المشروع.

وبالطبع ملف الpackage.json في نفس مستوى المجلد src

هذا الترتيب العام يساعد في تنظيم وتنسيق ملفات مشروع React ويجعله سهل التوسع والصيانة.

بتاريخ منذ ساعة مضت قال Moaz Abu Zant:

بظهرلي ايرور في التيرمنال خطأ خصوصا بملفات الريآكت

تأكد من أن ملف pacakge.json في مجلد الجذر الخاص بالمشروع أي المجلد الرئيسي، وأيضًا تأكد من أنك في المسار الصحيح لمجلد المشروع في منفذ الأوامر، ولتجنب الوجود في المسار الخاطيء، عليك بكتابة cmd في شريط العنوان في مجلد المشروع ثم اضغط على Enter وسيتم فتح التيرمنال في مسار المجلد كالتالي:

بعد ذلك قم بكتابة أمر npm start لتشغيل المشروع، ولكن انتبه إلى أنه يجب وجود ملف package.json في جذر مجلد المشروع أي في المسار الذي تم فتحه في منفذ الأوامر.