web-dev-qa-db-fra.com

L'activation du regroupement de projets de démarrage natif échoue avec une erreur de jeton inattendue

J'essaie de créer ma première application React Native pour Android à l'aide des instructions figurant sur https://facebook.github.io/react-native/docs/getting-started.html . Après avoir configuré les dépendances et connecté mon appareil Android, j'ai exécuté

react-native init app
cd app
react-native run-Android

Cela démarre le React Packager, qui ne parvient pas à grouper avec cette erreur:

error: bundling failed: "TransformError: /Users/luky/dev/app/index.Android.js: Jeton inattendu) (Lors du traitement du paramètre prédéfini: \"/Users/luky/dev/app/node_modules/babel-preset-react- native/index.js\")"

J'utilise:

  • OSX El Capitan 10.11.6. 
  • version de noeud 6.9.2 
  • react-native version 0.47.1.

J'ai poussé mon projet généré, y compris node_modules, vers Github au cas où cela aiderait: https://github.com/luky1971/react-native-app

Est-ce que quelqu'un sait pourquoi je risque de recevoir une erreur de jeton inattendu? Toute aide serait grandement appréciée!

node.jsreact-nativebabel
12
ahnafisenough

J'ai eu la même chose, il semble que la dernière version du préréglage babel pour react native ait quelques bugs (version 3.0.0). Je suis allé dans mon package.json et j'ai remplacé la dernière version par ceci: 

"babel-preset-react-native": "2.1.0". 

puis j'ai supprimé le répertoire node_modules et exécuté npm install et cela a fonctionné.

18
Sean McManus

Installez [email protected] et exécutez le projet.

Dans le projet actuel, faites ceci ... 

yarn remove babel-preset-react-native 
yarn add [email protected]

Cela a fonctionné pour moi, j'espère que ça le sera aussi pour vous.

Vous pouvez trouver plus d'informations sur l'erreur ici https://github.com/facebook/react-native/issues/15513#issuecomment-322824346

4
Surendhar Reddy
Looking for JS files in
   /Users/admin/Desktop/CoinMarketCap 


React packager ready.

Loading dependency graph, done.
Bundling `index.ios.js`  [development, non-minified, hmr disabled]  0.0% (0/1), failed.
error: bundling failed: "TransformError: /Users/admin/Desktop/CoinMarketCap/index.ios.js: Unexpected token ) (While processing preset: \"/Users/admin/Desktop/CoinMarketCap/node_modules/babel-preset-react-native/index.js\")"

iMac-D001:CoinMarketCap admin$ react-native --v
react-native-cli: 2.0.1
react-native: 0.47.1

Corrigé pour moi: https://github.com/facebook/react-native/issues/15545

iMac-D001:CoinMarketCap admin$ npm uninstall babel-preset-react-native
iMac-D001:CoinMarketCap admin$ npm install [email protected]
1
Giang

J'ai cloné votre projet. Cela fonctionne bien. Vous pouvez supprimer le dossier node_modules, puis npm_install. Cela fonctionnera bien.

0
Paras Watts

Essayez de supprimer le fichier .babelrc dans le répertoire racine. Ou le renommer. Ensuite, relancez la commande "react-native run-Android". Cela a fonctionné pour moi. Bonne chance.

0
Justin Allen

Essayez de définir un nouveau projet en choisissant la version de react-native comme ci-dessous:

react-native init --version = "0.55.0" MyNewApp

Accédez au nouveau répertoire du projet.

CD nom_projet

Ouvrez l'application dans le studio Android. Ouvrez l'émulateur du gestionnaire AVD et choisissez le périphérique virtuel. Puis exécutez cette commande à l’invite:

réagit natif sous Android

Cela a fonctionné pour moi. J'espère que cela peut vous aider aussi.

0
Magotrox