白屏离子v6.11.8电容器

Question

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

ionic capacitor run android

当我在像素上或通过移动USB调试模式运行模拟器时，它成功在 android studio 4.2 canary 11 中运行，它为我提供了 白屏 < / em>在电容器启动画面之后。如果我使用Chrome chrome://inspect/#devices，它将显示我的应用程序正在运行，并且在控制台上也显示console.log('dangggggggggggg');，它位于initializeApp()内，但我只能看到白屏。我浏览了许多页面以寻求帮助，但是由于chrome调试器也没有显示错误，因此我仍然无法弄清它的问题。这是下面的屏幕截图。

这是我遵循的网址。
Why white screen stuck after splash screen in 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而不是常规工作室。

Answer 1

将“路由”从“主页”（指向空白页面）更改为我需要查看的页面。这确实是一个令人困惑的问题，但它完全掩盖了我的角度应用路由。

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)
  },

Answer 2

对我来说，问题在于webDir中的capacitor.config.json道具，被替换为www才起作用。

Ionic Capacitor App Blank/White Screen Problem