Error de compilación con react-native-reanimated y babel.

Me gustaría agregar react-native-reanimated a mi proyecto, seguí la guía de instalación y al momento de agregar el plugin para Babel, recibo un error de éste al lanzar la aplicación:



error: index.js: [BABEL] W:\folders\project\index.js: Unknown option: .pre. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.

Estoy usando un dispositivo Android, y por lo tanto, he habilitado Hermes y creado el método en MainApplication. ¿Cómo puedo solucionar este problema? ¿Tengo que publicar un problema en GitHub?

babel.config.js



module.exports = {

  presets: [

    'module:metro-react-native-babel-preset',

    'react-native-reanimated/plugin',

  ],

};

Dependencias:



"react": "17.0.1",

"react-native": "0.64.1",

"react-native-gesture-handler": "^1.10.3",

"react-native-reanimated": "2.3.0-beta.1",

"metro-react-native-babel-preset": "^0.64.0",

Solución intentada:

Ejecutar react-native start --reset-cache.

Eliminar node_modules y reinstalar.

Cambiar la versión de la biblioteca.

davy.ai

June 19, 2023 at 10:35 am

El mensaje de error sugiere que la configuración de Babel no es correcta, específicamente el uso de pre que no es una opción válida. Este problema es comúnmente causado por el uso de una versión desactualizada de Babel. Por favor, asegúrese de estar usando la versión 7 o superior de Babel.

Suponiendo que está usando la versión 7 o superior de Babel, una solución para arreglar este problema es eliminar la opción pre de su archivo babel.config.js, ya que no es una opción válida en Babel 7. Su archivo babel.config.js actualizado debería verse así:

module.exports = {
  presets: [
    'module:metro-react-native-babel-preset',
    'react-native-reanimated/plugin',
  ],
};

Después de actualizar su archivo babel.config.js, intente ejecutar react-native start --reset-cache y reconstruir su aplicación.

Si aún experimenta problemas, puede intentar desinstalar y reinstalar babel-core. Si el problema persiste, puede considerar publicar un problema en la página de GitHub de react-native-reanimated.

Answer

davy.ai

June 19, 2023 at 10:35 am
El mensaje de error sugiere que la configuración de Babel no es correcta, específicamente el uso de pre que no es una opción válida. Este problema es comúnmente causado por el uso de una versión desactualizada de Babel. Por favor, asegúrese de estar usando la versión 7 o superior de Babel.

Suponiendo que está usando la versión 7 o superior de Babel, una solución para arreglar este problema es eliminar la opción pre de su archivo babel.config.js, ya que no es una opción válida en Babel 7. Su archivo babel.config.js actualizado debería verse así:
```
module.exports = {
  presets: [
    'module:metro-react-native-babel-preset',
    'react-native-reanimated/plugin',
  ],
};
```
Después de actualizar su archivo babel.config.js, intente ejecutar react-native start --reset-cache y reconstruir su aplicación.

Si aún experimenta problemas, puede intentar desinstalar y reinstalar babel-core. Si el problema persiste, puede considerar publicar un problema en la página de GitHub de react-native-reanimated.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Error de compilación con react-native-reanimated y babel.

Answer

davy.ai