من از ایجاد برنامه React به Vite مهاجرت کردم. این چیزی است که من آموختم –

https://www.youtube.com/watch؟v=fcxwlxexuwa

این هفته ، من از سال 2017 به یک پروژه Rect React 15 Create App (CRA) به Vite مهاجرت کردم. این چیزی است که من در طول راه آموختم.

1. نسخه React منسوخ شده (React 15)

Vite Auto-Installs React 19 React ، اما برنامه من هنوز در React 15 بود. من نگران این بودم که قبل از مهاجرت نیاز به ارتقاء تدریجی برای React 17+ داشته باشم.

راه حل:

کاهش نسخه React Vite به 15 قبل از مهاجرت ساده بود. من به سادگی حذف کردم node_modules و جایگزین شد createRoot با بزرگتر ReactDOM.renderبشر

2. حذف برنامه React Create

اولین قدم حذف CRA بود. از آنجایی که پروژه من از Webpack داخلی CRA و تنظیمات Babel استفاده می کرد ، پیکربندی را بیرون کشیدم:

npx react-scripts eject

این پیکربندی وب و پیکربندی های بابل ، انتقال به Vite را آسان تر می کند.

3 خطاهای واردات ماژول (Cannot use import statement outside a module)

Vite از ماژول های ES (ESM) استفاده می کند ، در حالی که CRA به مشترکات متکی بود و باعث واردات می شود.

راه حل:

• اضافه شده "type": "module" به package.jsonبشر
• به روز شده
  هم‌رسانی

  فیس بوک توییتر (X) لینکدین ‫تامبلر ‫پین‌ترست ‫رددیت ‫VKontakte ‫Odnoklassniki پاکت رایانامه چاپ