React Native レッド スクリーン エラーが発生した場合の対処方法

React ネイティブのレッド スクリーン エラーの解決策: 1. 「android/app/src/main/」にフォルダー アセットを作成します; 2. コマンド「react-nativebundle --platform android --dev false -」を実行します。 -entry-fileindex.android.js..."; 3. プロジェクト内の「react-native run-android」を実行します。

このチュートリアルの動作環境: Windows 10 システム、React Native バージョン 0.67、Dell G3 コンピューター。

React Native がレッド スクリーン エラーを報告した場合はどうすればよいですか?

反応ネイティブ開始時のレッド スクリーン エラー: スクリプトを読み込めません。メトロ サーバーを実行しているか、それを実行していることを確認してください。

1.エラー メッセージの内容

Android Studio で React-native プロジェクトを開始すると、このエラーが発生しました。

1. エラー メッセージ:スクリプトをロードできません。メトロ サーバーを実行していること ( 'react-native start' を実行)、またはバンドル 'index.android.bundle' がリリースに向けて正しくパッケージ化されていることを確認してください。

# 2. 中国語翻訳: スクリプトをロードできません。 Metro サーバーを実行していること (「react-native start」を実行)、またはバンドル「index.android.bundle」がリリース用に正しくパッケージ化されていることを確認してください。

2. 理由

index.android.bundle このファイルは存在しますか?

エディターでこのファイルをグローバルに検索しましたが、見つかりませんでした。 it

3. Solution

1. android/app/src/main/ のプロジェクトにフォルダーassets

を作成します。 2.プロジェクト内のコマンド

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

*

Note: プロジェクトにファイルindex.android.jsがあるかどうかを確認してください。ある場合は、Enterを押してコマンドを実行します。そうでない場合は、Enterを押してください。このindex.android.jsファイル; このコマンドを実行した後、index.android.jsをindex.jsに変更します。新しく作成されたアセット フォルダーにあります。index.android.bundle ファイルを生成します。

3. 反応ネイティブの実行を実行します。プロジェクトに android を追加し、正常に起動します

4. 正常に起動した後、

# App.js のコンテンツを変更し、シミュレーターを更新して変更するかどうかを確認します。Android エミュレーターのリロード メニュー インターフェイスには、ショートカット キー Ctrl M が表示されます。

推奨される学習: 「react ビデオ チュートリアル 」

以上がReact Native レッド スクリーン エラーが発生した場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。