HarmonyOS 鸿蒙Next 自定义Loading在har不显示

@Entry({routeName:"LoadingDialog"})
@Component
 struct LoadingDialog{

  @StorageProp('loading_message') message: string|Resource = $r('app.string.loading')

  build() {
    Stack({ alignContent: Alignment.Center }) {
      Column() {
        LoadingProgress()
          .width(42)
          .height(42)
          .color($r('app.color.loading'))

        Text(this.message ?? $r('app.string.loading'))
          .fontColor(Color.White)
          .fontSize(15)
          .fontColor(Color.White)
          .fontWeight(FontWeight.Medium)
          .margin({ top: 12 })
          .width('100%')
          .textAlign(TextAlign.Center)
      }
      .justifyContent(FlexAlign.Center)
      .width(108)
      .height(108)
      .backgroundColor('#88000000')
      .borderRadius(8)
    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.Transparent)
  }

}

import { display, window } from '@kit.ArkUI'

export class LoadingUtils{

  private static readonly WINDOW_NAME = "loading_window"

  private static loadingWindow: window.Window | null = null

  private static isShowLoading:boolean = false

  private static timeoutId:number = 0

  /**
   * @param message 提示信息
   * @param pagePath 自定义Loading页面路径
   */
  static showLoading(message: string|ResourceStr = $r('app.string.loading'),onTimeOut?:()=>void) {
    if (LoadingUtils.isShowLoading) {
      return
    }
    let context = getContext()
    window.createWindow({
      name: LoadingUtils.WINDOW_NAME,
      windowType: window.WindowType.TYPE_DIALOG,
      ctx: context
    }).then(async win => {
      LoadingUtils.loadingWindow = win
      if (typeof (message) != 'string') {
        message = context.resourceManager.getStringSync(message) ?? $r('app.string.loading')
      }
      AppStorage.setOrCreate('loading_message', message)
      await win.loadContentByName("LoadingDialog")
      win.setWindowBackgroundColor('#88000000')
      let d = display.getDefaultDisplaySync()
      await win.resize(d.width, d.height)
      await win.setWindowFocusable(true)
      win.showWindow().then(() => {
        LoadingUtils.timeoutId = setTimeout(async () => {
         await LoadingUtils.hideLoading()
          LoadingUtils.isShowLoading = false
          if (onTimeOut) {
            onTimeOut()
          }
        }, 30000)
        LoadingUtils.isShowLoading = true
      })
    })
  }

  static async hideLoading():Promise<void> {
    return new Promise((resolve: Function)=>{
      window.findWindow(LoadingUtils.WINDOW_NAME)?.destroyWindow()
        .then(()=>{
          LoadingUtils.loadingWindow = null
          LoadingUtils.isShowLoading = false
          if (LoadingUtils.timeoutId != 0) {
            clearTimeout(LoadingUtils.timeoutId)
            LoadingUtils.timeoutId = 0
          }
          resolve()
        }).catch(()=>{
        resolve()
      })
    })
  }
}

shared 引用的时候可以正常显示，har的时候Loading就显示不出来