The ultimate Fabric, Power BI, SQL, and AI community-led learning event. Save €200 with code FABCOMM.
Get registeredCompete to become Power BI Data Viz World Champion! First round ends August 18th. Get started.
After doing an npm install of "powerbi-client" and importing the module into a vue component
import * as pbi from "powerbi-client";
I can not access methods such as pbi.embed() that exist. I'm not sure if this is possible without a wrapper similar to the react wrapper that was created but if anyone has any feedback on integrating PowerBI with Vue 3 it would be very helpful.
Solved! Go to Solution.
Hi @Anonymous ,
Please try to add the below codes to declare the reference to the corresponding method of Power BI, you can also refer the content in the following links to get it:
// Grab the reference to the div HTML element that will host the report
let reportContainer = <HTMLElement>document.getElementById('reportContainer');
// Embed the report and display it within the div container
let powerbi = new pbi.service.Service(pbi.factories.hpmFactory, pbi.factories.wpmpFactory, pbi.factories.routerFactory);
let report = powerbi.embed(reportContainer, config);
Power BI embed + VueJS error: “TypeError: Cannot read property 'powerBiEmbed' of null”
How To Embed Power BI Report In Angular 6
Best Regards
Hi @Anonymous ,
Please try to add the below codes to declare the reference to the corresponding method of Power BI, you can also refer the content in the following links to get it:
// Grab the reference to the div HTML element that will host the report
let reportContainer = <HTMLElement>document.getElementById('reportContainer');
// Embed the report and display it within the div container
let powerbi = new pbi.service.Service(pbi.factories.hpmFactory, pbi.factories.wpmpFactory, pbi.factories.routerFactory);
let report = powerbi.embed(reportContainer, config);
Power BI embed + VueJS error: “TypeError: Cannot read property 'powerBiEmbed' of null”
How To Embed Power BI Report In Angular 6
Best Regards