HarmonyOS webview加载html string一直闪退

Error message:Init error. The WebviewController must be associated with a Web component

Error code:17100001

HarmonyOS

Heiang

2024-12-25 13:42:18

浏览

回答 1

待解决

回答 1

按赞同

按时间

put_get

原因就是先拿到了html片段，但web组件还没有加载，这个时候去load是会报错的，可以这样操作可以参考https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#oncontrollerattached10

import web_webview from '@ohos.web.webview'
import { router } from '@kit.ArkUI';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct CommonWebViewPage {
  @State message: string = 'Hello World';
  controller: web_webview.WebviewController = new web_webview.WebviewController()
  @State mode: MixedMode = MixedMode.All
  @State params: Record<string, string> = router.getParams() as Record<string, string>; // 获取传递过来的参数对象

  aboutToAppear(): void {
  }

  loadFromHtmlString() {
    console.log("test ===", "html string == " + this.params['htmlstring'].toString());
    this.controller.loadData("<html><body bgcolor=\"white\">Source:<pre>source</pre></body></html>"
      , "text/htm", "UTF-8", "", "");
    // this.controller.loadUrl('https://www.huawei.com');
  }

  build() {
    Column() {
      Navigation() {
        Web({
          src: this.params['url'].toString().length > 1 ? this.params['url'] : 'https://www.huawei.com',
          controller: this.controller,
          renderMode: RenderMode.SYNC_RENDER
        })
          .onControllerAttached(() => {
            if (this.params['url'].toString().length > 1) {
              //加载 url
              // this.controller.loadUrl(this.params['url']);
            } else {
              // this.controller.loadData(this.params['htmlstring'].toString(),"text/htm","UTF-8");
              this.loadFromHtmlString();
            }
          })

          .mixedMode(this.mode)
          .onlineImageAccess(true)
          .zoomAccess(true)
          .javaScriptAccess(true)
          .domStorageAccess(true)
      }.title(this.params['title'].toString()).mode(NavigationMode.Auto).titleMode(NavigationTitleMode.Mini)
    }
  }
}

2024-12-25 17:26:17

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS webview加载html string一直闪退

订阅鸿蒙技术特刊，精选内容抢先看