Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

EXPO iOS Bundling failed 6832ms index.tsx (2181 modules) ERROR SyntaxError in node_modules/react-native/src/private/components/virtualview/VirtualView.js: ';' expected (93:19) match (mode) {

Abierto
  • ¿Algo no está bien?
#1,602 6 comentarios 4 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
javascript, react-native
Área
build-system, tooling

Línea de trabajo

Comienza reproduciendo el fallo con npm run ios e inspecciona el error de sintaxis informado en node_modules/react-native/src/private/components/virtualview/VirtualView.js. Revisa las versiones y la configuración proporcionadas de package.json y babel.config.js, utilizando index.tsx como punto de entrada del bundle. La tarea está terminada cuando el bundle de iOS se complete sin este error de sintaxis.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

I've never written a problem, sorry if anything is missing.

npm run ios

iOS Bundling failed 6832ms index.tsx (2181 modules) ERROR SyntaxError in node_modules/react-native/src/private/components/virtualview/VirtualView.js: ';' expected (93:19) match (mode) {

{
"name": "tapthing-fe",
"version": "1.0.0",
"main": "index.tsx",
"scripts": {
"start": "expo start",
"android": "expo run:android",
"ios": "expo run:ios",
"web": "expo start --web"
},
"expo": {
"install": {
"exclude": [
"@shopify/flash-list"
]
}
},
"dependencies": {
"@d11/react-native-fast-image": "^8.12.0",
"@expo/metro-runtime": "6.1.2",
"@expo/vector-icons": "^15.0.2",
"@gorhom/bottom-sheet": "5.2.6",
"@react-native-async-storage/async-storage": "^2.2.0",
"@react-native-community/netinfo": "11.4.1",
"@react-navigation/bottom-tabs": "^7.4.0",
"@react-navigation/drawer": "^7.5.8",
"@react-navigation/elements": "^2.6.3",
"@react-navigation/native": "^7.1.8",
"@react-navigation/native-stack": "^7.3.16",
"@shopify/flash-list": "2.1.0",
"@supabase/supabase-js": "2.58.0",
"@tanstack/react-query": "^5.90.2",
"axios": "1.12.2",
"babel-plugin-module-resolver": "^5.0.2",
"expo": "54.0.13",
"expo-asset": "~12.0.3",
"expo-blur": "~15.0.2",
"expo-constants": "~18.0.3",
"expo-crypto": "~15.0.7",
"expo-dev-client": "~6.0.15",
"expo-font": "~14.0.9",
"expo-haptics": "~15.0.2",
"expo-image": "~3.0.2",
"expo-image-picker": "~17.0.8",
"expo-linear-gradient": "~15.0.7",
"expo-linking": "~8.0.2",
"expo-localization": "^17.0.7",
"expo-location": "~19.0.7",
"expo-sharing": "~14.0.7",
"expo-splash-screen": "~31.0.3",
"expo-status-bar": "~3.0.3",
"expo-symbols": "~1.0.2",
"expo-web-browser": "~15.0.2",
"i18next": "^25.5.3",
"libphonenumber-js": "1.12.23",
"mime": "4.1.0",
"onesignal-expo-plugin": "2.0.3",
"react": "19.1.0",
"react-dom": "19.1.0",
"react-i18next": "^16.0.0",
"react-native": "0.81.4",
"react-native-gesture-handler": "~2.28.0",
"react-native-get-random-values": "1.11.0",
"react-native-image-viewing": "0.2.2",
"react-native-international-phone-number": "0.11.0",
"react-native-onesignal": "5.2.13",
"react-native-paper": "^5.14.5",
"react-native-reanimated": "~4.1.1",
"react-native-safe-area-context": "~5.6.0",
"react-native-screens": "~4.16.0",
"react-native-view-shot": "4.0.3",
"react-native-web": "^0.21.0",
"react-native-worklets": "0.5.1",
"reactotron-react-native": "5.1.17",
"uuid": "13.0.0",
"zustand": "^5.0.8"
},
"devDependencies": {
"@types/react": "~19.1.0",
"eslint": "^9.25.0",
"eslint-config-expo": "~10.0.0",
"typescript": "~5.9.2"
},
"private": true,
"engines": {
"node": "22.x",
"npm": "11.x"
},
"packageManager": "[email protected]"
}

// babel.config.js
module.exports = function (api) {
api.cache(true);

const isProd = process.env.NODE_ENV === 'production';

return {
presets: ['babel-preset-expo'],
plugins: [
// Alias
[
'module-resolver',
{
alias: {
'@': './src',
'@components': './src/components',
'@theme': './src/theme',
'@screens': './src/screens',
'@navigation': './src/navigation',
'@assets': './src/assets',
'@hooks': './src/hooks',
'@providers': './src/providers',
'@locales': './src/locales',
'@context': './src/context',
'@store': './src/store',
'@libs': './src/libs',
'@utils': './src/utils',
'@config': './src/config',
'@api': './src/api',
},
},
],

  // Paper va PRIMA di Reanimated
  ...(isProd ? ['react-native-paper/babel'] : []),

  // Deve essere SEMPRE l'ultimo
  'react-native-reanimated/plugin',
],

};
};

Lenguaje dominante
JavaScript
Estrellas
5.6k
Forks
702
Merge medio
3 d 2 h
PR fusionados (30 d)
57

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react/metro

Todos los issues de react/metro

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.