私はアンドロイドアプリケーションの開発のためにネイティブに反応しようとしています。私はそれのためのアンドロイドスタジオを使用していますが、私は反応したネイティブのために開発された.jsファイルをデバッグすることができません。コードに問題があると、エラーが発生し、予期しないトークンが発生するたびに、デバッグ方法や適切なエラーを知ることができません。 React native for Androidアプリ開発のために利用できるフレームワークはありますか?私はすでに多くのことを考え出しましたが、React Nativeに基づいてアンドロイドアプリをデバッグするための解決策を得ることができませんでした。AndroidスタジオでReact Nativeをデバッグできません
3
A
答えて
1
Chromeでデバッグする必要があります。デバッグについてのRNサイトには優れたドキュメントがあります: https://facebook.github.io/react-native/docs/debugging.html#content
ただし、構文エラーがある場合、デバッガは役に立ちませんが、Chrome Devツールを使用すると、エラーの原因がわかりやすくなる場合があります。
3
ChromeでJavaScriptコード、console.logなどをデバッグできます。最初にデバイスの開発者メニューから「Chromeでデバッグ」を選択する必要があります。これは、localhost:8081/debugger-uiでChrome上に新しいタブを開きます。しかし、Chromeでデバッグするには、React Developer ToolsをChromeにインストールする必要があることに気をつけてください。https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
関連する問題
- 1. React Native:デバッグメニューをクリックできません
- 2. React Native - initialProperties Android
- 3. React-Native-Image-Picker(イメージの配列をマップできません)
- 4. Twilio React Native - モジュール暗号を解決できません
- 5. React-Native UIExplorerサンプルプロジェクトを実行できません
- 6. React Native - Androidアプリがデバッグで動作し、リリース時にクラッシュする
- 7. Ubuntu 14.10でreact-nativeをどのようにデバッグしますか?
- 8. React Native Async Storageで作業することができません
- 9. React-Native ListView onPress - 未定義はオブジェクトではありません
- 10. SliderIOSのsetNativeProps({step:num})がReact Nativeで動作しません
- 11. AndroidスタジオでCancerを持っているデバッグ(変数デバッグ情報が利用できません)
- 12. react-native initエラー:プリセット "es2015"を見つけることができません
- 13. React Native Android - メインクラスを見つけられない、ロードできませんでした。org.gradle.wrapper.GradleWrapperMain
- 14. ChromeでReact Nativeを使用してES6インポートステートメントをデバッグする
- 15. Androidスタジオ - Android SDKを移動できません
- 16. Androidスタジオbuild.gradle - シンボル 'android'を解決できません
- 17. Androidスタジオで古いAndroidバージョンをデバッグ
- 18. AndroidスタジオでGoogleマップをインポートできません
- 19. Androidスタジオ2.0エミュレータでAVDを起動できません
- 20. Androidスタジオでアプリプロジェクトを実行できません
- 21. AndroidスタジオでOpenAL4Androidのサンプルを実行できません
- 22. Androidスタジオ2.0でシンボルRを解決できません
- 23. react-nativeアニメーションジッタの動き
- 24. ReactネイティブAndroidでAuth0ロックでビルドできません
- 25. Androidスタジオ:AVDを起動できません
- 26. Androidスタジオはダウンロードしたプロジェクトをビルドできません
- 27. Androidスタジオ:Theme.Sherlock.Light.DarkActionBarを解決できません
- 28. AndroidスタジオのシンボルsetTextSize、setText、addViewを解決できません
- 29. Androidスタジオ1.5のシンボルHttpGet、HttpClient、HttpResponceを解決できません
- 30. Androidスタジオに依存関係を追加できません
ReactDomを使用してWeb上で作成したコードでは動作しますが、Android搭載モバイルアプリ用に作成したコードをデバッグするのが問題です。私を案内してください。 – Shivang
アンドロイドモバイルアプリ用に書かれたJSコードでも動作します。 Chrome Developer Toolsには、ReactDomと同じようにモバイルアプリのJSファイルにデバッグポイントを入れることができます。 Chromeでのデバッグはほぼ同じですが、モバイルアプリ用のJSファイルからconsole.logを作成することができます。これをChromeのコンソールに表示します。私の例を見てみましょう:http://i.stack.imgur.com/sA6Eu.png – Vikky