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

السؤال

نشر (معدل)

أحاول البدء بمشروع React باستخدام الأمر

npm init react-app firstreactapp

لكن دوما يظهر لي هذا الخطأ:

npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! network Socket timeout
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\npm-cache\_logs\2023-03-18T18_52_50_147Z-debug-0.log

Aborting installation.
  npm install --no-audit --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.

Deleting generated file... node_modules
Deleting generated file... package.json
Deleting shadiapp/ from C:\Users\hp\Desktop
Done.

بحثت عن حلول من النت و جربتها لكن الخطأ نفسه يتكرر، وهذه هي المحاولات:

1- 

npm install -g create-react-app

npx create-react-app hello-world

2-

npm cache clean --force

3-

npx create-react-app@latest my-app --use-npm

4-

npm install npm@latest -g

5-

create-react-app projectname --save

6-

تحميل نسخة جديدة من Node.

7-

npm config set fetch-retry-mintimeout 20000
npm config set fetch-retry-maxtimeout 120000

وفي كل مرة تظهر رسالة الخطأ نفسها عند البدء علما اني لااستخدم بروكسي، لكن الانترنت بطيء.

هل هي مشكلة في بطء النت ؟

 

تم التعديل في بواسطة Shadi Rahhal
إضافة

Recommended Posts

  • 0
نشر

الطريقة الأولي

يمكن أن تكون المشكلة في إصدار npm جرب تنفيذ الأمر التالي.

npm i -g npm@8.5.1

الطريقة الثانية

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

npm config set fetch-retry-mintimeout 20000
npm config set fetch-retry-maxtimeout 120000

 

  • 1
نشر

بالطبع من الممكن أن تكون المشكلة هي  بطء الاتصال بالإنترنت الخاص بك. فيجب التأكد من إتصال الإنترنت بعمل إعادة تشغيل للراوتر أو تجربة إتصال إنترنت آخر أو تشغيل VPN أو تغيير إعدادات الـ DNS الخاصة بإتصال الإنترنت إلى:

1.1.1.1
1.0.0.1

يمكنك أيضًا المحاولة باستخدام الأمر التالي بدلاً من استخدام npm init react-app:

npx create-react-app my-app

,هذا الأمر يعمل على تثبيت مشروع React جديد دون الحاجة إلى استخدام npm init react-app.

والأفضل استخدام Vite في تثبيت react فهو أسرع بمراحل من webpack الذي يتم تثبيته عند استخدام الأمر npx create-react-app my-app.

ولاستخدام Vite لتثبيت React قم باستخدام الأمر التالي:

# npm في حالة الإصدار 6 من
npm create vite@latest my-react-app --template react

# npm في حالة الإصدار 7 أو أعلى من
npm create vite@latest my-react-app -- --template react

مع استبدال my-react-app باسم المشروع الخاص بك.

  • 0
نشر
بتاريخ 9 دقائق مضت قال Mustafa Suleiman:

بالطبع من الممكن أن تكون المشكلة هي  بطء الاتصال بالإنترنت الخاص بك. فيجب التأكد من إتصال الإنترنت بعمل إعادة تشغيل للراوتر أو تجربة إتصال إنترنت آخر أو تشغيل VPN أو تغيير إعدادات الـ DNS الخاصة بإتصال الإنترنت إلى:

1.1.1.1
1.0.0.1

يمكنك أيضًا المحاولة باستخدام الأمر التالي بدلاً من استخدام npm init react-app:

npx create-react-app my-app

,هذا الأمر يعمل على تثبيت مشروع React جديد دون الحاجة إلى استخدام npm init react-app.

والأفضل استخدام Vite في تثبيت react فهو أسرع بمراحل من webpack الذي يتم تثبيته عند استخدام الأمر npx create-react-app my-app.

ولاستخدام Vite لتثبيت React قم باستخدام الأمر التالي:

# npm في حالة الإصدار 6 من
npm create vite@latest my-react-app --template react

# npm في حالة الإصدار 7 أو أعلى من
npm create vite@latest my-react-app -- --template react

مع استبدال my-react-app باسم المشروع الخاص بك.

npm create vite@latest my-react-app -- --template react

تم

شكرا لك

  • 0
نشر

نعم، يبدو أن المشكلة تتعلق بسرعة الاتصال بالإنترنت. يوصى بمحاولة إعادة المحاولة بعد التأكد من أن اتصال الإنترنت لديك قوي ومستقر. يمكنك أيضاً جرب استخدام خطوط إنترنت أخرى أو استخدام VPN إذا كنت تستخدم بروكسي. بالإضافة إلى ذلك، يمكنك جرب استخدام خيار "npm install --force" لتجاوز أي أخطاء المثبت.

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...