首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ionic5白屏。为什么没有加载tabs.ts?

ionic5白屏。为什么没有加载tabs.ts?
EN

Stack Overflow用户
提问于 2020-04-08 15:15:42
回答 1查看 30关注 0票数 0

我的开发环境click here

config.xml文件内容

代码语言:javascript
运行
复制
<feature name="CDVWKWebViewEngine">
        <param name="ios-package" value="CDVWKWebViewEngine" />
    </feature>
    <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="AllowedSchemes" value="netspay" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="android-minSdkVersion" value="19" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="ShowSplashScreen" value="true" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="FadeSplashScreenDuration" value="1000" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="Orientation" value="portrait" />

app.component.ts文件部件函数

代码语言:javascript
运行
复制
initializeApp() {
    this.platform.ready().then(() => {
      // this.statusBar.styleDefault();
      this.statusBar.backgroundColorByHexString('#27507E');
      setTimeout(() => {
        this.splashScreen.hide();
      }, 2000);
    });
}

app-routing.module.ts配置内容

代码语言:javascript
运行
复制
import { NgModule } from '@angular/core';
import { PreloadAllModules, RouterModule, Routes } from '@angular/router';

const routes: Routes = [
  {
    path: '',
    loadChildren: () => import('./tabs/tabs.module').then(m => m.TabsPageModule)
  },
  {
    path: 'products',
    loadChildren: () => import('./pages/products/products.module').then( m => m.ProductsPageModule)
  },
  {
    path: 'proDetail',
    loadChildren: () => import('./pages/proDetail/proDetail.module').then( m => m.ProDetailPageModule)
  },
  {
    path: 'cartPage',
    loadChildren: () => import('./pages/cartPage/cartPage.module').then( m => m.CartPageModule)
  },
  {
    path: 'orderDetail',
    loadChildren: () => import('./pages/orderDetail/orderDetail.module').then( m => m.OrderDetailPageModule)
  },
  {
    path: 'payment',
    loadChildren: () => import('./pages/payment/payment.module').then( m => m.PaymentPageModule)
  },
  {
    path: 'receipt',
    loadChildren: () => import('./pages/receipt/receipt.module').then( m => m.ReceiptPageModule)
  },
  {
    path: 'setting',
    loadChildren: () => import('./pages/setting/setting.module').then( m => m.SettingPageModule)
  },
  {
    path: 'notification',
    loadChildren: () => import('./pages/notification/notification.module').then( m => m.NotificationPageModule)
  },
  {
    path: 'scanner',
    loadChildren: () => import('./pages/home/scanner/scanner.module').then( m => m.ScannerPageModule)
  },
];
@NgModule({
  imports: [
    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
  ],
  exports: [RouterModule]
})
export class AppRoutingModule {}

tabs.page.ts部件代码

代码语言:javascript
运行
复制
ngOnInit(): void {
    console.log('page load');
  }

有时,屏幕在启动时显示为白色。但不是每次都这样。页面加载成功,显示‘页面加载’日志。页面白屏,不显示‘页面加载’日志。请告诉我tabs.Page.ts文件没有加载的原因!谁能帮我!非常感谢。

EN

回答 1

Stack Overflow用户

发布于 2020-06-02 21:29:36

我曾经遇到过这个问题,我是这样解决的:

将您的平台-android版本更新为6.4.0

  • reinstall plugin cordova-plugin-webview

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61095204

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档