reactjs - خطای نحوی غیرمنتظره: Export 'import_react3' در ماژول تعریف نشده است (در chunk-ALR5B6M7.js?v=aa4e0109:17143:3)

من یک پروژه دارم که با create-react-app و Typescript ایجاد شده است. و من از yarn 3.3.0 به عنوان مدیر بسته استفاده میکنم.

حال من در تلاش هستم تا از cras webpack به vite منتقل شوم. من یک پروژه را با دستور yarn create vite راهاندازی کردهام. و به سادگی کامپوننتها را از پروژه قبلی به پروژه جدید کپی و پیست میکنم.

وقتی در خط فرمان yarn tsc را اجرا میکنم، با هیچ خطایی مواجه نمیشوم.

همچنین اجرای yarn dev در ترمینال مشکلی ندارد و سرور با موفقیت شروع به کار میکند.

با این حال، در مرورگر با یک خطای عجیب در ترمینال مواجه هستم که میگوید:

Uncaught SyntaxError: Export 'import_react3' is not defined in module (at chunk-ALR5B6M7.js?v=aa4e0109:17143:3)

پاسخ شماره ۱

ظاهراً، از آنجایی که من از Material UI استفاده میکنم، نیاز دارم که همچنین @emotion/react و @emotion/styled را نصب کنم.

npm i @emotion/react @emotion/styled

or

yarn add @emotion/react @emotion/styled

پاسخ شماره ۲

این برای کسانی است که از MUI استفاده میکنند، موارد زیر را نصب کنند

npm install --save @emotion/react

npm install --save @emotion/styled

پس از نصب پروژه خود را دوباره اجرا کنید