Ionic 白色离子v6.11.8电容器

b1uwtaje  于 2022-12-16  发布在  Ionic
关注(0)|答案(3)|浏览(159)

因为我正试图使用下面的命令通过电容器运行应用程序.

ionic capacitor run android

当它在android studio 4.2 canary 11中成功运行时,当我在像素上或通过移动的USB调试模式运行我的模拟器时,它在电容器闪屏后给我*白色。如果我使用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
由于我使用的是Android金丝雀,而不是常规的工作室,因为AMD处理器.

9q78igpj

9q78igpj1#

对我来说,这个问题是与capacitor.config.json中的webDir prop ,取代为www,然后它的工作。
Ionic Capacitor App Blank/White Screen Problem

js81xvg6

js81xvg62#

改变了我的路由从'家'指向空白的页面,到我需要看到的页面。是一个真正令人困惑的问题,但它躺在我的Angular 应用程序路由完全。
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)
  },
mklgxw1f

mklgxw1f3#

使用Angular版本14.1.3和ionic 6.20.1,我通过在文件tsconfig.json的compilerOptions中将编译器目标修改为es2017,解决了空白页问题。

"compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitOverride": true,
    "noPropertyAccessFromIndexSignature": true,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2017",
    "module": "es2020",
    "lib": [
      "es2020",
      "dom"
    ]
  },

相关问题