Blocked a frame with origin "https://app.powerbi.com" from accessing a cross-origi

[FrankyKyaw]

Hi,

I am new to Power Bi developer and tried creating my own power bi visual using "pbiviz new test". When I tried to view the visual in app.powerbi.com, it is showing me this error in the console:

converter.js:245 Uncaught DOMException: Blocked a frame with origin "https://app.powerbi.com" from accessing a cross-origin frame.
at HTMLIFrameElement.iFLoad

And the visual update function isn't running when I try to resize the visual. 

[v-shex-msft · Accepted solution]

Hi @FrankyKyaw,

Have you turn on developer mode on the power bi service side to enable testing with the custom visuals? If not, I'd like to suggest you turn on it before test.

Setting up an environment for developing a Power BI visual - Power BI | Microsoft Learn

In addition, you can also take a look at the following link about debug custom visual and troubleshoot if helps:

How to debug Power BI custom visuals - Power BI | Microsoft Learn

Troubleshooting Power BI developer environment setup - Power BI | Microsoft Learn
Regards,

Xiaoxin Sheng