typescript - React Native SyntaxError در node_modules/react-native/index.js: نشانه غیرمنتظره، انتظار میرفت "{" (13:7) در ساخت اندروید

من یک پروژه react-native راهاندازی کردهام و آن را برای استفاده از TypeScript تبدیل کردهام. همچنین پروژه را طوری تنظیم کردهام که برای وب، اندروید و iOS کامپایل شود. Webpack نصب شده است تا نسخه وب را اجرا کند. همه چیز روی وب و iOS به خوبی کار میکرد، اما وقتی yarn android را اجرا میکنم و برای اندروید میسازم، در پنجره Metro و شبیهساز اندروید یک خطای نحوی (Syntax error) از فایل index.js داخل پروژه react-native در node_modules میگیرم.

این فقط در اندروید اتفاق میافتد. من چندین پلاگین و پیشتنظیمات بابل نصب کردهام و بنابراین مطمئن نیستم چرا این فایل index.js در اندروید کار نمیکند اما در iOS به درستی کار میکند. هر کمکی بسیار مفید خواهد بود. من پروژه را در یک مخزن عمومی آپلود کردهام.

من پروژه شروعکننده را در یک مخزن گیتهاب دارم که شما میتوانید دقیقاً همان تنظیمات من را دانلود کنید. https://github.com/hybridmindset/liveapp

من در حال استفاده از مک او اس نسخه Catalina 10.15.4 و Node v14.0.0 هستم

پنجره سرور مترو با خطا

پنجره شبیهساز اندروید با خطا

پاسخ شماره ۱

این ممکن است کمک کند. این فایل .babelrc من است: { "presets": [ "@babel/preset-env", "@babel/preset-react", "@babel/preset-flow" ] }

https://github.com/babel/babel/issues/9351

پاسخ شماره ۲

اگر این مشکل هنگام ارتقا به React Native 0.63 برای شما پیش آمد، بحث در این PR ممکن است برای شما مفید باشد: https://github.com/facebook/react-native/pull/29477

بسته به وضعیت شما، ممکن است کافی باشد که مرحله ساخت Bundle React Native code and images خود در Xcode را بهروزرسانی کرده و این متغیر محیطی را در بالا تنظیم کنید:

PROJECT_ROOT="$SRCROOT/.."

به طور جایگزین میتوانید تغییرات ذکر شده در PR را با استفاده از https://github.com/ds300/patch-package اعمال کنید.