Forum Discussion
Content Security Policy error , when embedding the dashboard using Angular
Hi , I am getting below error , when i am trying to enbed the dashboard . Refused to frame 'https://app.powerbi.com/' because an ancestor violates the following Content Security Policy directive: ...
Don't create your "dashboard" in Teams - create it in the Power BI service directly.
Hey, Did you get the solution? I am also getting same error. I am trying to pull powerBI dashboards to my reactJS based application. I am using powerbi-client-react module.
import { PowerBIEmbed } from 'powerbi-client-react';Please help me out!!!Refused to frame 'https://app.powerbi.com/' because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self' https://teams.powerbi.com https://teams.microsoft.com https://gov.teams.microsoft.us https://dod.teams.microsoft.us https://outlook.office.com https://outlook-sdf.office.com https://outlook.office365.com https://outlook-sdf.office365.com https://www.office.com https://scuprodprv.www.office.com".
This is the error am getting