1

当我尝试使用以下命令通过电容器运行应用程序时。

ionic capacitor run android

因为它在android studio 4.2 canary 11中成功运行，当我在像素上或通过移动 USB 调试模式运行我的模拟器时，它在电容器闪屏后给我白屏。如果我使用 chrome chrome://inspect/#devices，它会显示我的应用程序正在运行，并且当我看到我的控制台时，它还会向我显示console.log('dangggggggggggg');其中的内容，initializeApp()但我只看到白屏。我已经浏览了很多页面寻求帮助，但我仍然无法弄清楚它的问题是什么，因为 chrome 调试器也没有显示错误。这是下面的屏幕截图。
白屏

这是我遵循的网址。
为什么在 Ionic 4 启动画面后白屏卡住？
https://forum.ionicframework.com/t/white-screen-when-using-capacitor/183825/3
https://github.com/ionic-team/capacitor/issues/960

由于 AMD 处理器，我使用的是 android canary 而不是常规工作室。

4

2 回答 2

3

对我来说，问题在于webDirprop in capacitor.config.json，被替换为www然后它起作用了。

离子电容器应用程序空白/白屏问题

于 2020-12-08T12:48:23.783 回答
2

将我的路由从指向空白页面的“家”更改为我需要查看的页面。这是一个非常令人困惑的问题，但它完全在于我的角度应用程序路由。

https://forum.ionicframework.com/t/ionic-v5-capacitor-white-screen/196825/3

这是我下面的代码，它指向空白页。

{
    path: '',
    redirectTo: 'home', // It pointed to the blank page
    pathMatch: 'full'
  },
  {
    path: 'recipes', // Used this to run the start page and it worked
    children:[{
      path: '',
      loadChildren: () => import('./recipes/recipes.module').then(m => m.RecipesPageModule)
    },
    {
      path: ':recipeId',
      loadChildren: () => import('./recipes/recipe-detail/recipe-detail.module').then(m => m.RecipeDetailPageModule)
    }
  ]
  m.RecipesPageModule)
  },
于 2020-09-24T17:01:23.560 回答