Showing results for 
Search instead for 
Did you mean: 
New Member

PowerBI Embed in Angular 7 gives ERR_SSL_PROTOCOL_ERROR

Hi I have Embed PowerBI in Angular Using an NPM library (ngx-powerbi)


Most of the times the implementation works as expected. However sometime it gives ERR_SSL_PROTOCOL_ERROR





I have added the code to initialize the PowerBI report in 

ngAfterViewInit() {
     this.powerBiService = new NgxPowerBiService();
     this.powerBIAccessToken = localStorage.getItem('PowerBIAadToken');
     this.pbiContainerElement = <HTMLElement>(document.getElementById('powerbi-container'));
getReport(embedToken) {
        this.config = {
            type: 'report',
            id: this.setting.reportId,
            tokenType: models.TokenType.Aad,
            embedUrl: this.setting.embedUrl,
            accessToken: embedToken,
            settings: {
                filterPaneEnabled: this.filterPaneEnabled,
                navContentPaneEnabled: this.navContentPaneEnabled
        }; = this.powerBiService.embed(this.pbiContainerElement, this.config);
In The Html I have:
"<div id="powerbi-container" class="power-bi-container"></div>"

Helpful resources

May 2020 Community Highlights

May 2020 Community Highlights

It’s time for another PBI Community recap!

Community Blog

Community Blog

Visit our Community Blog for articles, guides, and information created by fellow community members.

Using the Community

Using the Community

Need help with the Power BI Community? Our 'Using the Community' support articles are a great place to start.



Looking for inspiration on how to present your data? Need instructional videos? Check out our Galleries!

Top Solution Authors