مشكلة في رفع مشروع react على github

يظهر خطأ 404 عند تشغيل مشاريع React على GitHub Pages غالباً بسبب إعدادات غير صحيحة لملفات المسارات.
لاحظ في ملف package.json في السطر الثاني حقل homepage:

{
  "homepage": "https://obada-rabah.github.io/Notes",
               ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

هذا الرابط لا يتطابق مع رابط المستودع الخاص بك على GitHub Pages لتصحيح هذا عدل الرابط ليصبح مطابقًا للرابط الفعلي لمشروعك على GitHub Pages:

{
  "homepage": "https://obada-rabah.github.io/Notes-app",

ثم قم بإعادة النشرة من جديد وسيعمل معك.

هذه مشكلة شائعة والسبب الأكثر شيوعا لظهور خطأ 404 في مشاريع React على GitHub Pages هو عدم الإعداد الصحيح ل homepage في ملف package.json و التكوين المناسب للمسارات لذا أولا وفي ملف package.json أرجو إضافة حقل homepage كالتالي:

{
  "homepage": "https://obada-rabah.github.io/Notes-app",
}

وتأكد من وجود هذه السكربتات في package.json:

{
  "scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
  }
}

يرجى التأكد من وضع السطر التالي في ملف package.json :

"homepage": "https://obada-rabah.github.io/Notes-app"

لتعريف الصفحة الرئيسية لموقعك . وأيضا تأكد من أنك رفعت مجلد build بشكل صحيح ويمكنك تنفيذ الأمر build لتوليد الملفات الصحيحة ليعمل معك بشكل صحيح من خلال الأمر التالي :

npm run build

وتأكد من ال branch في إعدادات GitHub Pages لمستودعك أنها صحيحة على ال branch الصحيح .

ويفضل رفع المشروع علىvercel أو netlify حيث يتسمان بالسهولة في الرفع .