مشكلة في تشغيل المشروع من vs code

يبدو انك لم تقم بفتح الملف الحاوي على المشروع باستخدام vs.

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

ثم اختر المجلد الحاوي على المشروع.

وبعدها جرب الامر : npm start

بتاريخ 4 دقائق مضت قال عمر قره محمد:

يبدو انك لم تقم بفتح الملف الحاوي على المشروع باستخدام vs.

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

ثم اختر المجلد الحاوي على المشروع.

وبعدها جرب الامر : npm start

ظهر لي نفس المشكلة

بتاريخ 3 دقائق مضت قال Youssef Nasr2:

ظهر لي نفس المشكلة

هذه رسالة مختلف و سبب المشكلة التي ظهرت لك هو عدم وجود script بالاسم start في الملف package.json الخاص بك.

ولا يبدو انه هنالك اي كود في المجلد الخاص بك اصلاً، فهوي يحتوي على ملف package.json فارغ فقط فهل انت متأكد من انك قمت بإتباع كل الخطوات التي تتحدث عنها ؟

قم بالتعليق تحت فيديو الدرس الذي تتحدث عنه حتى استطيع معرفة المشروع الذي تحاول انشاءه.

بتاريخ 3 دقائق مضت قال عمر قره محمد:

سبب المشكلة التي ظهرت لك هو عدم وجود script بالاسم start في الملف package.json الخاص بك.

ولا يبدو انه هنالك اي كود في المجلد الخاص بك اصلاً، فهوي يحتوي على ملف package.json فارغ فقط فهل انت متأكد من انك قمت بإتباع كل الخطوات التي تتحدث عنها ؟

قم بالتعليق تحت فيديو الدرس الذي تتحدث عنه حتى استطيع معرفة المشروع الذي تحاول انشاءه.

انا احاول إنشاء تطبيق React جديد 

بتاريخ 1 دقيقة مضت قال Youssef Nasr2:

انا احاول إنشاء تطبيق React جديد 

حسناً، قم بفتح المجلد الذي تم إنشاءه عندما قمت بإنشاء التطبيق كما اشرت إليك في تعليقي الاول.

أرجو منك طرح المشكلة أسفل الفيديو الذي تواجه به مشكلة في المرة القادمة.

الخطأ المعروض يشير إلى أن npm لا يمكن العثور على ملف package.json في المسار C:\Users\youssef. يمثل هذا الملف الخاص بـ npm ويحتوي على معلومات حول المشروع والمكتبات اللازمة لتشغيل التطبيق.

لحل هذه المشكلة، يمكن اتباع الخطوات التالية:

1- التأكد من وجود ملف package.json في المسار المذكور في الخطأ.

2- في حالة عدم وجود الملف، يجب إنشاؤه يدويًا باستخدام الأمر التالي:

npm init

سيتمكن المستخدم من تعبئة المعلومات الأساسية حول المشروع وإنشاء الملف package.json.

بعد ذلك يجب تحميل الحزم التي تريدها من خلال الأوامر الخاصة بها، أو نسخ ملف package.json الخاص بالمشروع داخل ملفك أنت ليتم تحميل الحزم من خلال الأمر القادم بالأسفل.

3- في حالة وجود الملف وعدم عمل الأمر السابق، يجب التأكد من تنزيل جميع المكتبات المطلوبة للمشروع باستخدام الأمر التالي:

npm install

سيقوم هذا الأمر بتنزيل جميع المكتبات اللازمة وتحميلها في المشروع ويسمح للمستخدم بتشغيل التطبيق.

4- إذا لم يكن الأمر المذكور أعلاه يعمل، فيجب حذف مجلد node_modules الذي يحتوي على جميع المكتبات وإعادة تنزيله مرة أخرى باستخدام الأمر التالي:

npm install

سيقوم هذا الأمر بإزالة جميع المكتبات وإعادة تنزيلها من جديد.

5- في حالة عدم حل المشكلة بعد اتباع الخطوات المذكورة، يمكن إعادة تثبيت npm بالكامل باستخدام الأمر التالي:

npm install -g npm

سيقوم هذا الأمر بتثبيت npm بالكامل في النظام وحل أي مشاكل محتملة.

بتاريخ 8 دقائق مضت قال عمر قره محمد:

إذاً قم بفتح المجلد الذي تم إنشاءه عندما قمت بإنشاء التطبيق كما اشرت إليك في تعليقي الاول.

بتاريخ الآن قال Youssef Nasr2:

 

جيد جداً 

بتاريخ 13 دقائق مضت قال Youssef Nasr2:

انا احاول إنشاء تطبيق React جديد 

هناك طريقتين:

1- عن طريق الأمر 

npx create-react-app

npx create-react-app هو سكريبت يتم تنفيذه، يسمح للمستخدمين بإنشاء تطبيقات جديدة. يمكن استخدامها لإنشاء تطبيقات React.

يتم استخدام الأمر على سبيل المثال npx create-react-app my-app لإنشاء تطبيق React جديد يسمى my-app.

2-باستخدام Vite

هي إطار عمل تطوير ويب جديد وسريع النمو. وهو يسمح للمطورين بإنشاء تطبيقات ويب سريعة وخفيفة الوزن باستخدام React و Vue و Svelte وغيرها من الإطارات. يستخدم Vite ملفات ESM (موديلات JavaScript) بدلاً من CommonJS ، مما يجعله أسرع بشكل كبير من معظم أدوات التطوير الأخرى.

يمكن استخدام Vite باستخدام الأمر

 npm create vite@latest

وسيتم سؤالك عن بيانات المشروع ونوع إطار العمل الذي تريد استخدامه فقم باستخدام react.

وهناك كود مختصر لإنشاء مشروع react مباشرًة.

# إذا كنت تستخدم npm الإصدار السادس
npm create vite@latest my-vue-app --template react

# إذا كنت تستخدم npm الإصدار السابع أو أعلى
npm create vite@latest my-vue-app -- --template react

https://wiki.hsoub.com/React/create_a_new_react_app