プロジェクトを構築する対応するパスでコマンドラインを実行します: react-native --v //バージョンを表示 react-native init demo --version 0.48.0 //指定されたバージョンをインストール react-native init demo --verbose --version 0.48.0 //verboseは初期化中にインストールの詳細を表示するために使用され、インストールされているモジュールや進行状況などが含まれます npm view react-native version //react-nativeのすべてのバージョン情報を表示できます 対応するパスにジャンプし、対応するモバイル プロジェクトを実行します。 cd プロジェクト名 react-native run-ios または react-native run-android 正常の場合、操作効果は次のようになります。 RN デバッグのヒント開発者メニュー 開発者メニューは、React Native アプリケーションのデバッグを支援するために、React Native によってカスタマイズされた開発者メニューです。 エミュレータ上で開発者メニュー Android エミュレータを開きます。 iOS シミュレーター: リロード ページを更新します。ショートカット キーはcommand + Rです。 注: 更新機能は、 JavaScriptファイルを変更した場合にのみ機能します。新しいファイルを追加したり、ネイティブコードを変更したりする場合は、 Xcodeを使用してアプリケーションを再コンパイルする必要があります。 JS をリモートでデバッグする この機能により、開発者はWebアプリケーションをデバッグするのと同じ方法でChromeでアプリケーションをデバッグできます。 バンドルの場所を変更する パッケージのアドレスを変更する インスペクタを切り替える シミュレーターでコンポーネント スタイルを表示します。あまり役に立ちません。 高速更新を無効にする 高速更新を無効にする パフォーマンスモニターを表示 この機能を有効にすると、リアルタイムのメモリ使用量、 UIおよびJavaScript FPSなどの情報を示す監視ウィンドウが表示されます。パフォーマンスの問題のデバッグに役立ちます。 エラーと警告 開発モードでは、js 部分のエラーと警告が電話またはシミュレーターの画面に直接印刷され、赤と黄色の画面に表示されます。 。 エラー React Native プログラムの実行中に発生したエラーは画面に直接表示され、赤い背景で表示され、エラー メッセージが印刷されます。 警告 React Native プログラムの実行中に表示される警告も画面に直接表示され、黄色の背景で表示され、警告メッセージが出力されます。 Chrome デベロッパー ツールステップ1: リモートデバッグを開始する開発者メニューの「JS をリモートでデバッグ」をクリックして、JS リモート デバッグ機能を開始します。 Chrome が開き、「http://localhost:8081/debugger-ui」タブ ページが作成されます。 ステップ2: Chromeデベロッパーツールを開く「http://localhost:8081/debugger-ui」タブの下にある開発者ツールを開きます。 Chrome メニューを開き、「その他のツール」を選択、「デベロッパー ツール」を選択します。ショートカット キー (Mac では Command⌘ + Option⌥ + I、Windows では Ctrl + Shift + I) を使用して開発者ツールを開くこともできます。 ブレークポイントデバッグ中に「説明のつかない」問題やエラーが発生した場合の一般的な解決策 ここで説明できないのは、コードが最後の瞬間まで正常に動作していたため、変更されることなく普及したということです。 1. リフレッシュ! リフレッシュ! リフレッシュ! 2. react-native run-xxxコマンドを再利用してアプリを起動します。 3. アプリを削除し、ローカルサーバーをシャットダウンし、ローカルキャッシュをクリアします yarn: キャッシュをクリアする yarn cache clean npm: キャッシュをクリアする npm cache clean -f React Native スキャフォールディングの基本的な使い方についてはこれで終わりです。React Native スキャフォールディングに関するより詳しい内容については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: VMware Workstation 14 Pro インストール Ubuntu 16.04 チュートリアル
>>: Navicatは機能ソリューション共有を作成できません
今日は、参考までに、jsを使用してカルーセルマップの効果を実現する方法についてお話ししましょう。具体...
目次バックエンド: Rails API部分フロントエンド: React部分Reactコンポーネントa...
この記事では、主にReact + three.jsテクノロジースタックを使用して3Dモデルの読み込み...
目次1. 成果を達成する2. 実装コード3. その他の実装要約する1. 成果を達成する 2. 実装コ...
目次ルートの場所が見つかりませんオフバイスラッシュ安全でない変数の使用スクリプト名$uri を使用す...
最近、Microsoft は 2019 サーバー システムをリリースしました。一般的に、Micros...
目次シナリオ分析発達要約するシナリオ分析システムでは、1 つのモジュールに 3 つのサブモジュールが...
ページ上でショートカットキーをカスタマイズする要件に遭遇し、ショートカットキーを設定して表示する場所...
CSS命名規則(ルール) よく使われるCSS命名規則ヘッダー: ヘッダーコンテンツ: コンテンツ/コ...
1. Dockerがイメージをプルするdocker pull mysql (デフォルトで最新バージョ...
⑴ 内容によって形式が決まります。まず内容を充実させ、次にブロックに分割し、トーンを決め、最後に細部...
Windows 64 ビット版 MySQL 5.7 以降の解凍パッケージにデータディレクトリ、my-...
Zabbix 管理者ログイン パスワードのリセットに関する問題は次のとおりです。 1. 問題の説明:...
Redux はシンプルな状態マネージャーです。その歴史をたどることはしません。使用法の観点から見ると...
あなたも私と同じように、コンピューターのファイルを整然と整理し、不要なファイルを適宜削除するプログラ...