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

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.proadload((，它给了我相同的错误

Answer 1

通过CDN在浏览器中使用power客户端与通过NPM包在JS框架中使用它之间有一点小区别。

将powerbi客户端与JS框架一起使用的推荐方法是实例化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>)

请参阅文档。