در این جلسه به ایجاد پروژه react با کتابخانه creat-react-app از دوره آموزش ری اکت (React.js) پروژه محور میپردازیم.
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام استاد وقت بخیر
توی ورژن react 19 نحوه نصبش تغییر کرده وبجای کتابخانه create-react-app از
create-next-app استفاده کرده
من خودم از دستور npx create-react-app react-pro استفاده کردم ولی با ارور مواجه شد و react نصب نشد
بنظرتون الان چجوری باید react نصب کنیم؟
نیازی به آپدیت پروژه نیست؟
سلام وقت بخیر.
متاسفانه پکیج create-react-app مشکل داره و کار نمیکنه و نیازه بجاش از پکیج vite استفاده بشه برای نصب پکیج react
دستور هم به این شکل هست که در ابتدا دستور
npm create vite@latest my-react-app
را وارد کنید که بجای my-react-app اسم فولدر مورد نظر را قرار بدید یا همین اسم هم میتونه باشه
بعد از اون فریمورک را انتخاب کنید که به جهت پایین و بالا میتونید گزینه انتخاب کنید که گزینه React را انتخاب کنید
و بعد از اون گزینه Javascript
بعد از نصب هم از شما میخواد که وارد پوشه مورد نظر بشید که اگه اسمش my-react-app قرار دادید دستورش میشه
cd my-react-app
و بعد دستور
npm install
و در نهایت دستور
npm run dev
که پروژه استارت بشه و توی قسمت Local آدرس به همراه پورت را نوشته که توی مروگر وارد میکنید.
و دقت کنید که تفاوتی نداره و ما حتی نمونه کدی که هست را پاک میکنیم و از اول توضیح میدیم.
سینتکس و نحوه کار با react عوض نشده و صرفا نصب react هست که داریم انجام میدیم.
سلام استاد ببخشید من با vite خیلی راحت react و tailwind رو با هم نصب کردم حالا اگر همین رو برای پروژه های جدید نگه دارم و هر دفعه با یه کپی از اون پروژه ام رو شروع کنم کار درست و حرفه ای هستش؟ و دیگه لازم نباشه هر دفعه از نت استفاده کنم.
سلام وقت بخیر.
والا اینترنت بخش جدا ناپذیری از کار ما هست و برای نصب پکیج جدید نیاز به نت هست یا برای آپدیت کردن یا استفاده از ورژن جدیدتر. بصورت کلی بله میتونید کپی و جای دیگه قرار بدید ولی خب پوشه node_modules تعداد فایل و حجم زیادی داره و کپی و پیست کردنش زمانبر هست.
npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! errno ERR_SOCKET_TIMEOUT
npm ERR! network Invalid response body while trying to fetch https://registry.npmjs.org/@babel%2Fpreset-env: 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: C:\Users\s.gholamzadeh\AppData\Local\npm-cache\_logs\2023-05-31T09_58_28_377Z-debug-0.log سلام وقت بخیر.
احتمالا، با فیلتر شکن تست کنید حتما و میتوانید از شکن هم استفاده کنید( توی اینترنت سرچ کنید شکن براتون سایتش میاره)
لطف کنید توی کامنت ها، کدها و یا متن های ارور را بین سه عدد بک تیک قرار و ارسال کنید.
نمیتونم مستقیم بدون cmd دانلود و نصب کنم ؟
بازم همین ارورو میگیرم
ببینید مشکل اینکه درخواست به سرور های npm زده نمیشه و ربطی به اینکه از توی cmd درخواست میزنید نداره، و شما باید به این شکل دانلود کنید
روی سیستم دیگری، اینترنت دیگه ای تست کنید.
سیستم را ریستارت کنید. بدون فیلتر شکن هم تست کنید، گاهی اوقات توی بک گراند سیستم، فیلتر شکن در حال وصل شدن هست و وصل نمیشه و توی این مدت زمان نت به مشکل میخوره
باسلام و احترام من دوره vuejs رو بخاطر react کامل دیدم و واقعا دوره عالی بود
ممنونم از شما.
الآن
من خواستم ایجاد پروژه کنم با react پیام اومد که :
نسخه ( nodejs ) باید ( 14 ) به بالا باشد
که نسخه فعلی من ( v12.22.9 ) است
هرچی تلاش میکنم نسخه (18 node ) رو نمیتونم نصب کنم
و راه های نصب ( node 18 ) رو که میرم در آخر ( v12.22.9 ) نصب میشه ؟
راهکار نصب ( ndoejs 18 ) بر روی ( ubuntu 22.04 ) چیه ؟
با تشکر
سلام وقت بخیر.
عذرخواهی میکنم، آشنایی ندارم روی این سیستم?
سلام خسته نباشید
ببخشید با چه نرم افزاری از اسکرین صفحه فیلم میگیرین؟
سلام وقت بخیر.
Camtasia
زهره فضلی
سلام روزتون خوش🙏
مراحل ایجاد پروزه با توضیحات داخل ویدیو انجام دادم همه چی عالی پیش رفت
اما موقعی که داخل ترمینال دستور npm start رو میزنم با این ارور مواجه میشم لطفا راهنمایی کنید🙏🙏
علی شیخ
4 هفته پیش
سلام وقت بخیر.
احتمالا دسترسی در ترمینال ادیتورتون نیست و روی cmd ویندوز وارد پوشه پروژه بشید و دستور را بزنید.