如何使用powerbi引导和预加载在"powerbi-client-react“中

Question

代码

import { powerbi } from "powerbi-client";

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

我一直得到一个错误，不能读取属性‘引导’的未定义。此外，我还尝试使用powerbi.preload()，它给出了相同的错误

Answer 1

在浏览器中通过CDN使用power-client与通过NPM包使用JS框架有很小的区别。

在JS框架中使用powerbi客户机的推荐方法是实例化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>)

请参考文档。