Forum Discussion
Integrate PowerBi and Vue 3
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.
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
1 Reply
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