イオンモバイルアプリケーションは白い画面を表示

Question

私はブラウザで完全に正常に動作する1つのイオンアプリを作成しましたが、アプリに変換すると白い画面が表示されます。

私はすでにホワイトリストプラグインをインストールしており、すべてのURLをconfigに設定でき、メタタグも保持しています。他の解決策を見つけることができません。

シンプルなhtmlファイルを保管すると、それを表示できます。

どんな助力も感謝します。デバッグするには良い方法でもよいでしょう。

Answer 1

この質問に答えるだけで、すべてに役立つはずです。私は http://gonehybrid.com/how-to-debug-the-white-screen-of-death-in-your-ionic-app/

をデバッグし、問題が何であったかを推測することができますどのようにブログの下

は、アプリ内のフォルダ名は大文字と小文字が区別されている私のために役に立ちました。私はインデックスファイルで提供する正確な大文字と小文字を区別するパスごとにフォルダ名を変更するだけでした。

Answer 2

JavaScriptエラーのため、ほとんどそのようなことが発生します。それはあなたのブラウザで動作すると言います。コンソールに例外がいくつかありますか？

プラグインなど、ブラウザとデバイスの間ですべての点が同じではありません。すべての使用されているプラ​​グインが正しくインストールされていることを確認する必要があります。

アンドロイドにデプロイする場合は、アンドロイドモニタを使用してコンソール出力を取得できます。 iosでは、xcodeにはすでに統合されたデバッガがあります。

Answer 3

私はAndroidアプリケーションをCordova 6.xでコンパイルし、プロジェクトはCrossWalkプラグインで動作したので、この恐ろしい問題がありました。私の場合、ソリューションはCrosswalkをアンインストールしていました。プロジェクトにそのプラグインがインストールされている場合は、そのプラグインをアンインストールして、プロジェクトを再度コンパイルしてみてください。

Answer 4

携帯電話をUSBケーブルでPCに接続し、USBデバッグをオンにしておいてください。次に、chrome：// inspectに移動します。あなたはデバイス名を見つけて "inspect"をクリックします。コンソールのタブでは、エラーリストには何が間違っているかのヒントが表示されます。 私の場合、カスタムサービスは、どこかで使用されなかったので、しばらく削除されたコントローラに注入されました。