Error in powerbi.embed after call to powerbi.bootstrap

[Anonymous]

I am running into following error quite often while trying to do https://github.com/microsoft/PowerBI-JavaScript/wiki/Bootstrap-For-Better-Performance . Hits the error while trying to call embed.

error in embedding powerbi Error: Attempted to embed using config {"type":"report","id":"yyyy","accessToken":"xxxx","embedUrl":"https://app.powerbi.com/reportEmbed?reportId=yyyy","tokenType":1,"permissions":7,"settings":{"persistentFiltersEnabled":true,"filterPaneEnabled":false,"layoutType":1,"customLayout":{}},"pageName":null} on element <div class="h100 reports_pbiRoot__3fZkl"><iframe style="width: 100%; height: 100%;" src="https://app.powerbi.com/reportEmbed?uid=zzzzz" scrolling="no" allowfullscreen="true"></iframe></div> which already has embedded comopnent associated, but could not find the existing comopnent in the list of active components. This could indicate the embeds list is out of sync with the DOM, or the component is referencing the incorrect HTML element.

[v-chuncz-msft]

@Anonymous 

You may check if the post below helps.

https://community.powerbi.com/t5/Developer/Replace-replace-current-embedded-report-with-new-one-on-same/m-p/161556#M5425

[Anonymous]

@v-chuncz-msft  The solution which is mentioned in the post is to call powerbi.reset but that "removes the embed from the service and removes the iframe" which is counterproductive to what I am doing by calling bootstrap.The whole point of bootstrap is to preload the iframe before the powerbi parameters like reportId,embedURL,accessToken,etc. becomes available.