web-dev-qa-db-ja.com

Reactネイティブスタータープロジェクトのバンドルが予期しないトークンエラーで失敗する

最初のReactのネイティブアプリを作成しようとしていますAndroid https://facebook.github.io/react -native/docs/getting-started.html 。依存関係を設定してmy Androidデバイスを接続した後、実行しました

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

これによりReact Packagerが起動しますが、このエラーとのバンドルに失敗します：

エラー：バンドルに失敗しました： "TransformError：/Users/luky/dev/app/index.Android.js：Unexpected token）（処理中のプリセット：\"/Users/luky/dev/app/node_modules/babel-preset-react- native/index.js\"）"

使ってます：

  • OSX El Capitan 10.11.6。
  • ノードバージョン6.9.2
  • 反応ネイティブバージョン0.47.1。

生成されたプロジェクト（node_modulesを含む）が役立つ場合は、Githubにプッシュしました： https://github.com/luky1971/react-native-app

予期しないトークンエラーが発生する理由を誰かが知っていますか？どんな助けでも大歓迎です！

node.jsreact-nativebabel
12
ahnafisenough

私は同じことを手に入れました、react nativeの最新バージョンのbabelプリセットにはいくつかのバグ（バージョン3.0.0）があるようです。私は自分のpackage.jsonに入り、最新バージョンをこれで置き換えました：

"babel-preset-react-native"： "2.1.0"。

次に、node_modulesディレクトリを削除し、npm installを実行しました。

18
Sean McManus

インストール[email protected]とプロジェクトを実行します。

現在のプロジェクトでは、これを行います...

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

これは私にとってはうまくいきました、あなたにもうまくいくことを願っています。

エラーの詳細については、こちらをご覧ください https://github.com/facebook/react-native/issues/15513#issuecomment-322824346

4
Surendhar Reddy

ルートディレクトリの。babelrcファイルを削除してみてください。または名前を変更します。次に、「react-native run-Android」コマンドを再実行します。これでうまくいきました。幸運を。

1
Justin Allen
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

私のために修正しました： 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

私はあなたのプロジェクトを複製しました。正常に動作しています。 node_modulesフォルダーを削除してから、npm_installを削除できます。正常に動作します。

0
Paras Watts

以下のように、react-nativeのバージョンを選択して、新しいプロジェクトを設定してみてください。

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

新しいプロジェクトディレクトリに移動します。

CDプロジェクト名

Android studioでアプリを開きます。AVDマネージャーエミュレーターを開き、仮想デバイスを選択します。次に、プロンプトで次のコマンドを実行します。

反応ネイティブ実行Android

これでうまくいきました。それがあなたにも役立つことを願っています。

0
Magotrox

また、使用している依存関係が原因である可能性があり、babel.config.jsのプリセットに配置する必要があります

例えば私はエキスポを使用していて、次に排出されました。そして、依存関係の1つは react-native-paper でした。これを機能させるには、babel.config.jsファイルを変更する必要がありました。

0
Hasan Sh