Power BI Report embeding failing.

[Suryakant_99]

Hi All,

I'm embeding power BI report in angular application, but getting some beared issue, i.e in my local system while trying to open the emebded report in angular page it was showing below error,

Where as if I deploy the same code in dev env, and open the same angular page I'm able to see the report.

It's only happening in my local system, where as if my other team member taken same code then in their local they are able to see the report in local system as well.

I tried many differnt ways like by updating "powerbi-client-angular" package but still I'm getting error while loading visuals.

So experts, I need your help or suggestion to fix this issue.

[v-shex-msft · Accepted solution]

Hi @Suryakant_99,

Did this locate system able to accede to the external network? AFAIK, the current power bi embedded does not support use in the offline environment. They provide an embed iframe to load data from the power bi side.
In addition, have you changed the firewall and network policy if they block the power bi requests? You can use fiddler to trace these requests.

Add Power BI URLs to allowlist - Power BI | Microsoft Docs

Fiddler Classic | Original Web Capturing Tool for Windows (telerik.com)

Regards,

Xiaoxin Sheng

[Suryakant_99 · Accepted solution]

Thanks for the support and your input.

By the way the issue not due to firewall it's due to passing wrong entity Id and other paratmer to power BI.

So while fetching the enitity Id data and other parameter value it was getting null. 

Due to which the power BI report not embeding and showing this error message.

Note - Any one facing this type issue first check your firewall and if all the setting of your computer looks fine then check weather the parameter value are passing correctly or not to Power BI.

Remember if any value passing as null or undefind then your rendering will fail and you will get the same error screen which I posted on my question.

Hope this helps.

Thank You!!

- Suryakant

[Suryakant_99]

Thanks for quick response.

I'm able to access external network, like I said earlier that in my dev env I'm able to access all the power BI report in angular application.

Do you mean anything else to access external network means.

Regarding firewall block any request, I'm not sure if my firewall blocking, could you please help me how to check if firewall block.

[v-shex-msft]

Hi @Suryakant_99,
>>I'm able to access external network, like I said earlier that in my dev env I'm able to access all the power BI report in angular application.

Yes, the external network means your device needs to be able to view the internet website's contents. (current power bi embedded not able to be used offline)

>>could you please help me how to check if firewall block.

In fact, you only need to turn on the fiddler classic client on your device before running the application with power bi embedded. It will trace these requests sent from your application to power bi and you can check if these requests get detailed messages if they have been blocked.

For fiddler usage and configuration, you can refer to the fiddler official document if helps:

Configure Fiddler | Fiddler Classic (telerik.com)

Regards,

Xiaoxin Sheng

[v-shex-msft · Accepted solution]

Hi @Suryakant_99,

Did this locate system able to accede to the external network? AFAIK, the current power bi embedded does not support use in the offline environment. They provide an embed iframe to load data from the power bi side.
In addition, have you changed the firewall and network policy if they block the power bi requests? You can use fiddler to trace these requests.

Add Power BI URLs to allowlist - Power BI | Microsoft Docs

Fiddler Classic | Original Web Capturing Tool for Windows (telerik.com)

Regards,

Xiaoxin Sheng