اذهب إلى المحتوى

السؤال

نشر (معدل)

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

  علما ان المشروع  كان يعمل بدون مشاكل  

 

Screenshot 2022-11-17 163434.png

و المكات التي حملتها هاذا

 

Screenshot 2022-11-17 165100.png

تم التعديل في بواسطة ahmedkawbal

Recommended Posts

  • 0
نشر

في ملف babel.config.js المسار الرئيسي للمشروع قم بإضافة ال plugin المطلوبة لعمل react-native-reanimated وكما يلي. بعدها يفترض أن تحل المشكلة لديك.

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ["babel-preset-expo"],
    plugins: [
      "react-native-reanimated/plugin", //  الإضافة المطلوبة
    ],
  };
};
  • 0
نشر
  بتاريخ On 17‏/11‏/2022 at 13:59 قال علي محسن:

في ملف babel.config.js المسار الرئيسي للمشروع قم بإضافة ال plugin المطلوبة لعمل react-native-reanimated وكما يلي

 

	module.exports = function (api) { api.cache(true); return { presets: ["babel-preset-expo"], plugins: [ "react-native-reanimated/plugin", // الإضافة المطلوبة. ], }; };
	

 

أظهر المزيد  

حسنا هل يوجد فرق في ان قمت باستخدام اسطر التثبيت الاول والثالث    او الاول والثاني  الموضحات في الصوره 

  • 0
نشر
  بتاريخ On 17‏/11‏/2022 at 14:02 قال ahmedkawbal:

حسنا هل يوجد فرق في ان قمت باستخدام اسطر التثبيت الاول والثالث    او الاول والثاني  الموضحات في الصوره 

أظهر المزيد  

إذا أنشأت مشروعك بواسطة expo فإستعمل الأمر المتعلق به  ...npx expo 

  • 0
نشر
  بتاريخ On 17‏/11‏/2022 at 14:06 قال علي محسن:

إذا أنشأت مشروعك بواسطة expo فإستعمل الأمر المتعلق به  ...npx expo 

أظهر المزيد  

انا قمت باستعمال الاول والثالث و المشروع هو expo  وظهر الخطا هاذا   كيف اعمل ازاله الخاصه بالمر الثالث لكي احمل الامر الثاني

 

Screenshot 2022-11-17 170640.png

  • 0
نشر
  بتاريخ On 17‏/11‏/2022 at 14:08 قال ahmedkawbal:

انا قمت باستعمال الاول والثالث و المشروع هو expo  وظهر الخطا هاذا   كيف اعمل ازاله الخاصه بالمر الثالث لكي احمل الامر الثاني

 

Screenshot 2022-11-17 170640.png

أظهر المزيد  

أسهل حل تحذف مجلد node_modules من المشروع وبعدها مباشرة تنفذ أمر التثبيت الخاص ب expo. وسيكون من الرائع إذا كنت تعرف أسماء الحزم غير المناسبة التي ثبتها وتزيلها من package.json قبل أن تبدأ بالتثبيت وإلا فلا ضير من المحاولة بدون هذه الخطوة.

  • 0
نشر
  بتاريخ On 17‏/11‏/2022 at 14:11 قال علي محسن:

أسهل حل تحذف مجلد node_modules من المشروع وبعدها مباشرة تنفذ أمر التثبيت الخاص ب expo.

أظهر المزيد  

ولاكن سوف يتم حذف جميع المكاتب    هل بعد حذف المجلد  

انفذ الامر npm install  وبعدها الامر الثاني  بexpo   

او اقوم بتنفيذ الامر الثاني expo مباشره

  • 0
نشر
  بتاريخ On 17‏/11‏/2022 at 14:15 قال ahmedkawbal:

ولاكن سوف يتم حذف جميع المكاتب    هل بعد حذف المجلد  

انفذ الامر npm install  وبعدها الامر الثاني  بexpo   

او اقوم بتنفيذ الامر الثاني expo مباشره

أظهر المزيد  

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

  • 0
نشر
  بتاريخ On 17‏/11‏/2022 at 14:16 قال علي محسن:

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

أظهر المزيد  

لقد حذف المجلد عملت npm install  قمت بكتابه الامر الثاني expo  وشتغلت المشروع ولاكن ظهرت اخطاء جديده

 

Screenshot 2022-11-17 173042.png

ولاكن اذا كتبت الامر الثالث لا يظهر هاكذا  يظهر خطا اخر 

  • 0
نشر (معدل)
  بتاريخ On 17‏/11‏/2022 at 14:36 قال علي محسن:

شارك ملف المشروع مضغوطاً بدون node_modules

أظهر المزيد  

لو انت تقوم بجربه الامر الثاني والثالث وترى ماذا يطلع لديك

 

تم التعديل في بواسطة ahmedkawbal
  • 0
نشر
  بتاريخ On 17‏/11‏/2022 at 14:47 قال ahmedkawbal:
أظهر المزيد  

إحذف مجلد node_modules من المشروع ونفذ npm install من جديد فقط ولكن بعد أن تستبدل محتوى package.json بالنسخة المعدلة التالية.

ملاحظة تم تجربة المشروع على android و iphone وهو يعمل لكن لديك أخطاء في الأكواد تحتاج إصلاحها بنفسك.

	{
	  "name": "thethinking_of_the_rich",
	  "version": "1.0.0",
	  "main": "node_modules/expo/AppEntry.js",
	  "scripts": {
	    "start": "expo start",
	    "android": "expo start --android",
	    "ios": "expo start --ios",
	    "web": "expo start --web"
	  },
	  "dependencies": {
	    "@react-native-async-storage/async-storage": "^1.17.10",
	    "@react-navigation/drawer": "^6.5.0",
	    "@react-navigation/native": "^6.0.13",
	    "@react-navigation/native-stack": "^6.9.1",
	    "expo": "~46.0.16",
	    "expo-dev-client": "~1.3.1",
	    "expo-linear-gradient": "~11.4.0",
	    "expo-status-bar": "~1.4.0",
	    "react": "18.0.0",
	    "react-native": "0.69.6",
	    "react-native-gesture-handler": "~2.5.0",
	    "react-native-radio-buttons-group": "^2.2.11",
	    "react-native-reanimated": "~2.9.1",
	    "react-native-safe-area-context": "4.3.1",
	    "react-native-screens": "~3.15.0"
	  },
	  "devDependencies": {
	    "@babel/core": "^7.12.9"
	  },
	  "private": true
	}
	 
	
  • 0
نشر
  بتاريخ On 17‏/11‏/2022 at 15:12 قال علي محسن:

إحذف مجلد node_modules من المشروع ونفذ npm install من جديد فقط ولكن بعد أن تستبدل محتوى package.json بالنسخة المعدلة التالية.

ملاحظة تم تجربة المشروع على android و iphone وهو يعمل لكن لديك أخطاء بالتكويد تحتاج إصلاحها بنفسك.

	{
	  "name": "thethinking_of_the_rich",
	  "version": "1.0.0",
	  "main": "node_modules/expo/AppEntry.js",
	  "scripts": {
	    "start": "expo start",
	    "android": "expo start --android",
	    "ios": "expo start --ios",
	    "web": "expo start --web"
	  },
	  "dependencies": {
	    "@react-native-async-storage/async-storage": "^1.17.10",
	    "@react-navigation/drawer": "^6.5.0",
	    "@react-navigation/native": "^6.0.13",
	    "@react-navigation/native-stack": "^6.9.1",
	    "expo": "~46.0.16",
	    "expo-dev-client": "~1.3.1",
	    "expo-linear-gradient": "~11.4.0",
	    "expo-status-bar": "~1.4.0",
	    "react": "18.0.0",
	    "react-native": "0.69.6",
	    "react-native-gesture-handler": "~2.5.0",
	    "react-native-radio-buttons-group": "^2.2.11",
	    "react-native-reanimated": "~2.9.1",
	    "react-native-safe-area-context": "4.3.1",
	    "react-native-screens": "~3.15.0"
	  },
	  "devDependencies": {
	    "@babel/core": "^7.12.9"
	  },
	  "private": true
	}
	 
	
أظهر المزيد  

ماذا تقصد باخطا في الأكواد... ارجوو التوضيح اكثر    لحلهن   

اين يوجد الاخطا

  • 0
نشر
  بتاريخ On 17‏/11‏/2022 at 15:15 قال ahmedkawbal:

ماذا تقصد باخطا في الأكواد   ... ارجوو التوضيح اكثر    لحلهن   

اين يوجد الاخطا

أظهر المزيد  

تنتهي مهمتنا بحل المشكلة الأصلية وهي تثبيت الحزم المذكورة بنجاح. إذا تواجه مشاكل أخرى  مثل مشاكل في إستخدام الأدوات قبل إستيرادها حاول حلها بنفسك وإذا لم تفلح يمكنك فتح سؤال جديد.

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...