如何在 "powerbi-client-react" 中使用 powerbi bootstrap 和预加载

Question

代码

import { powerbi } from "powerbi-client";

const reportContainerDivElement = document.getElementsByClassName(
      "reportDiv"
    )[0];
    powerbi.bootstrap(reportDiv, {
      type: "report",
      embedUrl: "https://app.powerbi.com/reportEmbed"
    });

我一直收到无法读取未定义的属性 'bootstrap' 的错误。我也尝试使用 powerbi.preload() 并且它给了我同样的错误

Answer 1

通过 CDN 在浏览器中使用 power-client 与通过 NPM 包在 JS 框架中使用它之间存在细微差别。

在 JS 框架中使用 powerbi-client 的推荐方法是实例化 powerbi 服务:

import * as pbi from 'powerbi-client';
...
const powerbi = new pbi.service.Service(
        pbi.factories.hpmFactory,
        pbi.factories.wpmpFactory,
        pbi.factories.routerFactory)
...
report = powerbi.embed(<container>,<config>)

参考docs.

如何在 "powerbi-client-react" 中使用 powerbi bootstrap 和预加载

How to use powerbi bootstrap and preload in "powerbi-client-react"

reactjs

powerbi

powerbi-embedded