HarmonyOS鸿蒙Next中创建浮动子窗口，报错failed to init or restore uicontent with file

开发者您好，

请问参考的demo是悬浮窗效果-关键场景示例-影音娱乐类行业实践 - 华为HarmonyOS开发者嘛。

feature功能模块是指创建的feature功能模块还是feature文件夹呢，能否提供详细的代码和报错信息呢？

• feature如果是hap包，本地测试也可以正常创建子窗口，代码如下：

  main_pages.json

  {
    "src": [
      "pages/Index",
      "subwindow/MusicSubWindow"
    ]
  }
  

  {
    "routerMap": [
      {
        "name": "PageThree",
        "pageSourceFile": "src/main/ets/pages/PageThree.ets",
        "buildFunction": "PageThreeBuilder",
        "data": {
          "description": "this is PageThree"
        }
      }
    ]
  }
  

  {
    "module": {
      "name": "application",
      "type": "feature",
      "description": "$string:module_desc",
      "mainElement": "ApplicationAbility",
      "deviceTypes": [
        "phone"
      ],
      "deliveryWithInstall": true,
      "installationFree": false,
      "pages": "$profile:main_pages",
      "routerMap": "$profile:router_map",
      "abilities": [
        {
          "name": "ApplicationAbility",
          "srcEntry": "./ets/applicationability/ApplicationAbility.ets",
          "description": "$string:ApplicationAbility_desc",
          "icon": "$media:layered_image",
          "label": "$string:ApplicationAbility_label",
          "startWindowIcon": "$media:startIcon",
          "startWindowBackground": "$color:start_window_background",
          "exported": true
        }
      ]
    }
  }
  

  import { common, Want } from '@kit.AbilityKit';
  
  // Index.ets
  @Entry
  @Component
  struct NavigationExample {
    pageInfos: NavPathStack = new NavPathStack();
  
    build() {
      Navigation(this.pageInfos) {
        Column() {
          Button('pushPath PageThree', { stateEffect: true, type: ButtonType.Capsule })
            .width('80%')
            .height(40)
            .margin(20)
            .onClick(() => {
              // 在源Ability中跳转
              this.pageInfos.pushPath({ name: 'PageThree' }); // 将name指定的NavDestination页面信息入栈
            })
        }
      }.title('NavIndex')
    }
  }
  

  import { window } from "@kit.ArkUI";
  import { hilog } from "@kit.PerformanceAnalysisKit";
  import { Constants } from "../constants/Constants";
  // PageThree.ets
  @Builder
  export function PageThreeBuilder(name: string, param: Object) {
    PageThree()
  }
  
  @Component
  export struct PageThree {
    pathStack: NavPathStack = new NavPathStack();
    @State windowStage: window.WindowStage = AppStorage.get('windowStage1') as window.WindowStage;
  
    createSubWindow() {
      this.windowStage.createSubWindow(Constants.MUSIC_SUBWINDOW, (err, windowClass) => {
        if (err.code > 0) {
          hilog.error(0x0000, 'testTag', '%{public}s', `failed to create subWindow Cause: ${err.message}`);
          return;
        }
        try {
          // 设置子窗口加载页
          windowClass.setUIContent('subwindow/MusicSubWindow', () => {
            windowClass.setWindowBackgroundColor(Constants.WINDOW_BACKGROUND_COLOR);
          });
          // 设置子窗口左上角坐标
          windowClass.moveWindowTo(Constants.INIT_SUBWINDOW_POSITION_X, Constants.INIT_SUBWINDOW_POSITION_Y);
          // 设置子窗口大小
          windowClass.resize(this.getUIContext()
            .vp2px(Constants.INIT_SUBWINDOW_SIZE),
            this.getUIContext()
              .vp2px(Constants.INIT_SUBWINDOW_SIZE));
          // 展示子窗口
          windowClass.showWindow();
        } catch (err) {
          hilog.error(0x0000, 'testTag', '%{public}s', `failed to create subWindow Cause:${err}`);
        }
      });
    }
  
    build() {
      NavDestination() {
        Column() {
          Text('PageThree')
          Button('创建子窗口').onClick((event: ClickEvent) => {
            this.createSubWindow()
          })
        }.width('100%').height('100%')
      }.title('PageThree')
      .onBackPressed(() => {
        this.pathStack.pop();
        return true;
      })
      .onReady((context: NavDestinationContext) => {
        this.pathStack = context.pathStack;
        console.info(`current page config info is ${JSON.stringify(context.getConfigInRouteMap())}`);
      })
    }
  }
  

• 如果创建的功能模块是Har包，entry模块中创建子窗口并设置页面可以通过命名路由实现，loadContentByName加载HAR包/HSP中页面。参考代码：

  import { window } from "@kit.ArkUI";
  import { hilog } from "@kit.PerformanceAnalysisKit";
  import { Constants } from "../constants/Constants";
  import 'library/src/main/ets/subwindow/MusicSubWindow2';
  // PageTwo.ets
  @Builder
  export function PageTwoBuilder(name: string, param: Object) {
    PageTwo()
  }
  
  @Component
  export struct PageTwo {
    pathStack: NavPathStack = new NavPathStack();
    @State windowStage: window.WindowStage = AppStorage.get('windowStage') as window.WindowStage;
  
    createSubWindow() {
      this.windowStage.createSubWindow(Constants.MUSIC_SUBWINDOW, (err, windowClass) => {
        if (err.code > 0) {
          hilog.error(0x0000, 'testTag', '%{public}s', `failed to create subWindow Cause: ${err.message}`);
          return;
        }
        try {
          // 设置子窗口加载页
          windowClass.loadContentByName('MusicSubWindow2', () => {
            // windowClass.setUIContent('subwindow/MusicSubWindow', () => {
            windowClass.setWindowBackgroundColor(Constants.WINDOW_BACKGROUND_COLOR);
          });
          // 设置子窗口左上角坐标
          windowClass.moveWindowTo(Constants.INIT_SUBWINDOW_POSITION_X, Constants.INIT_SUBWINDOW_POSITION_Y);
          // 设置子窗口大小
          windowClass.resize(this.getUIContext()
            .vp2px(Constants.INIT_SUBWINDOW_SIZE),
            this.getUIContext()
              .vp2px(Constants.INIT_SUBWINDOW_SIZE));
          // 展示子窗口
          windowClass.showWindow();
        } catch (err) {
          hilog.error(0x0000, 'testTag', '%{public}s', `failed to create subWindow Cause:${err}`);
        }
      });
    }
  
    build() {
      NavDestination() {
        Column() {
          Text('PageTwo')
          Button('创建子窗口').onClick((event: ClickEvent) => {
            this.createSubWindow()
          })
        }.width('100%').height('100%')
      }.title('PageTwo')
      .onBackPressed(() => {
        this.pathStack.pop();
        return true;
      })
      .onReady((context: NavDestinationContext) => {
        this.pathStack = context.pathStack;
        console.info(`current page config info is ${JSON.stringify(context.getConfigInRouteMap())}`);
      })
    }
  }
  

  // library/Index.ets
  export { MainPage } from './src/main/ets/components/MainPage';
  export { MusicSubWindow2 } from './src/main/ets/subwindow/MusicSubWindow2'
  

  @Entry({ routeName: 'MusicSubWindow2' })
  @Component
  export struct MusicSubWindow2 {
    // xxx
  }