2017-08-18 10 views
6

私はリアクションネイティブで、最初のテキストを画面に表示しようとしているのはまったく新しいものです。babel-preset-react-native/index.jsを使用したTransformError

私はreact-native run-iosを実行し、私のサンプルアプリにクリックすると、私は次のエラーを参照してください。

'use strict';

TransformError ENOENT: no such file or directory, open '.../albums/node_modules/babel-preset-react-native/index.js' while processing preset '.../babel-preset-react-native/index.js' RCTFatal RCTCxxBridge handleError

index.jsは、次のコードを使用して、私のプロジェクトに存在します
module.exports = require('./configs/main');

これまでのところ、私は以下を試しました:

再インストールバベルプリセット反応するネイティブ

2 NPM

1))を除去するために糸を使用し、再度追加バベルプリセット反応するネイティブ
yarn remove babel-preset-react-native
yarn add [email protected]

3 )babel.rcを完全に削除する

何も機能していません。他のものを試してみるためのアドバイスや提案を聞くことを熱望しています。

答えて

11

あなたはreact-native initコマンド

を実行した後に、それが自動的に追加されますように、これはバージョンを変更しようとすると、このgithubの問題でhttps://github.com/facebook/react-native/issues/15513

回避策を見てみてくださいbabel-preset-react-nativeの新バージョンではバグです:

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

それはあなたのために働くいない場合は、

以下、このコードで node_modules/babel-preset-react-native/configs/main.jsで末尾のカンマを削除しよう10

https://github.com/facebook/react-native/blob/6ad7e8281b37ee2ce6425363c0b17420d056807a/babel-preset/configs/main.js#L40 し、再実行してあなたのアプリ

+0

ありがとう!これはうまくいった。私は以前にこれらの削除とコマンドの追加を試みましたが、実行した後にReact Packagerターミナルを閉じていませんでした。ターミナルを閉じてコマンドを実行した後、私はビジネスに戻った。 – gfahs

+0

それは私のために働く。 @ gfahsと同じですが、React Packager端末を再起動する必要があります。 – iwan

4

私は昨日と同じ問題を持って、私の方法は次のとおりです。node_modulesから
1.とbabel-preset-react-nativeフォルダを削除。
2.ルートプロジェクトのタイプ:npm install [email protected] --save-dev

これを解決することを望みます。

+0

お返事ありがとうございます!他の提案もうまくいきましたが、問題が再び発生した場合に備えて、私はこれをバックポケットに入れています。 – gfahs

-2

私は昨日、同じ問題を持って、私の方法は次のとおりです。

  1. node_modulesに移動し、babel-preset-react-nativeフォルダを削除。ルートプロジェクトの種類で

  2. npm install [email protected] --save-dev

あなたはこの解決します願っています。

ありがとうGaBACK

+0

これは新しい回答ではないので、コメントを使用してください。 – Florensvb

関連する問題