typescript - React Native SyntaxError en node_modules/react-native/index.js: Token inesperado, se esperaba "{" (13:7) en la compilación de Android

He inicializado un proyecto de react-native y lo convertí para usar TypeScript. También configuré el proyecto para compilar a web, Android e iOS. Se instaló Webpack para lanzar la versión web. Tengo todo funcionando correctamente en Web e iOS, pero cuando ejecuto yarn android y construyo para Android, obtengo un error de sintaxis en la ventana de Metro y en el simulador de Android proveniente del archivo index.js dentro del proyecto react-native en node_modules.

Esto solo está ocurriendo en Android. He instalado varios plugins y presets de Babel, así que no estoy seguro de por qué este archivo index.js no funciona en Android pero sí funciona correctamente en iOS. Cualquier ayuda sería genial. He subido el proyecto a un repositorio público.

Tengo el proyecto inicial disponible en un repositorio de GitHub para que puedas descargar exactamente mi configuración. https://github.com/hybridmindset/liveapp

Estoy ejecutando en una Mac OS versión Catalina 10.15.4 Node v14.0.0

Ventana del servidor Metro con error

Ventana del simulador de Android con error

Respuesta #1

Esto podría ayudar. Aquí está mi .babelrc: { "presets": [ "@babel/preset-env", "@babel/preset-react", "@babel/preset-flow" ] }

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

Respuesta #2

Si este problema te ocurre mientras actualizas a React Native 0.63, la discusión en este PR podría ser para ti: https://github.com/facebook/react-native/pull/29477

Dependiendo de tu situación, podría ser suficiente actualizar tu fase de compilación Bundle React Native code and images en Xcode para establecer esta variable de entorno en la parte superior:

PROJECT_ROOT="$SRCROOT/.."

Alternativamente, puedes aplicar los cambios del PR mencionado usando https://github.com/ds300/patch-package.