Embedding Error with Javascript API

[gah113]

We are currently unable to properly embed Power BI content in our page. We see the following console errors:

TypeError: Cannot read property 'resolve' of null
at XMLHttpRequest.xhr.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange] (reportEmbed?reportId=a574a4cc-c2fb-4372-af8f-6567fdfa6ddb&groupId=2a2daa71-002e-4d6b-aca5-9e35bc408867&w=2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly9XQUJJLVVTLU5PUlRILUNFTlRSQUwtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQifQ%3d%3d&uid=ly365:527)
at XMLHttpRequest.ct (reportembed.externals.bundle.min.js:1199)
at t.invokeTask (reportembed.externals.bundle.min.js:1198)
at r.runTask (reportembed.externals.bundle.min.js:1198)
at e.invokeTask [as invoke] (reportembed.externals.bundle.min.js:1199)
at h (reportembed.externals.bundle.min.js:1198)
at XMLHttpRequest.v (reportembed.externals.bundle.min.js:1198)

Uncaught TypeError: Cannot read property 'reject' of null
at XMLHttpRequest.xhr.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange] (reportEmbed?reportId=a574a4cc-c2fb-4372-af8f-6567fdfa6ddb&groupId=2a2daa71-002e-4d6b-aca5-9e35bc408867&w=2&config=eyJjbHVzdGVyVXJsIjoiaHR0cHM6Ly9XQUJJLVVTLU5PUlRILUNFTlRSQUwtcmVkaXJlY3QuYW5hbHlzaXMud2luZG93cy5uZXQifQ%3d%3d&uid=ly365:551)
at XMLHttpRequest.ct (reportembed.externals.bundle.min.js:1199)
at t.invokeTask (reportembed.externals.bundle.min.js:1198)
at r.runTask (reportembed.externals.bundle.min.js:1198)
at e.invokeTask [as invoke] (reportembed.externals.bundle.min.js:1199)
at h (reportembed.externals.bundle.min.js:1198)
at XMLHttpRequest.v (reportembed.externals.bundle.min.js:1198)

[v-yuta-msft]

@gah113 ,

Generally, you can refer to the JS demo here to troubleshoot this issue.

Regards,

Jimmy Tao

[MikeJB]

Hi there,

We are also getting the same issues shown in Chrome Developer console, we have an AngularJS app which has embedded Power BI reports, the reports load but text boxes on the report pages are all being pulled in the top left hand corner. Our clients have notified us today of issues with reports not being presented properly.

Errors listed below, I have removed API call details.

TypeError: Cannot read property 'resolve' of null
at XMLHttpRequest.xhr.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange] (reportEmbed?=[removed])
at XMLHttpRequest.ct (reportembed.externals.bundle.min.js:1199)
at t.invokeTask (reportembed.externals.bundle.min.js:1198)
at r.runTask (reportembed.externals.bundle.min.js:1198)
at e.invokeTask [as invoke] (reportembed.externals.bundle.min.js:1199)
at h (reportembed.externals.bundle.min.js:1198)
at XMLHttpRequest.v (reportembed.externals.bundle.min.js:1198)
xhr.onreadystatechange @ reportEmbed?reportId=[removed]
ct @ reportembed.externals.bundle.min.js:1199
t.invokeTask @ reportembed.externals.bundle.min.js:1198
r.runTask @ reportembed.externals.bundle.min.js:1198
e.invokeTask @ reportembed.externals.bundle.min.js:1199
h @ reportembed.externals.bundle.min.js:1198
v @ reportembed.externals.bundle.min.js:1198
XMLHttpRequest.send (async)
l @ reportembed.externals.bundle.min.js:1199
t.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleMacroTask @ reportembed.externals.bundle.min.js:1198
n @ reportembed.externals.bundle.min.js:1198
(anonymous) @ reportembed.externals.bundle.min.js:1199
r.<computed> @ reportembed.externals.bundle.min.js:1198
getConceptualSchema @ reportEmbed?reportId=[removed]
getModelsAndExplorationAndConceptualSchema @ reportEmbed?reportId=[removed]
startFrontLoadReportEmbed @ reportEmbed?reportId=[removed]
receiveMessage @ reportEmbed?reportId=[removed]:202
reportembed.externals.bundle.min.js:1198

Uncaught TypeError: Cannot read property 'reject' of null
at XMLHttpRequest.xhr.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange] (reportEmbed?reportId=[removed]:551)
at XMLHttpRequest.ct (reportembed.externals.bundle.min.js:1199)
at t.invokeTask (reportembed.externals.bundle.min.js:1198)
at r.runTask (reportembed.externals.bundle.min.js:1198)
at e.invokeTask [as invoke] (reportembed.externals.bundle.min.js:1199)
at h (reportembed.externals.bundle.min.js:1198)
at XMLHttpRequest.v (reportembed.externals.bundle.min.js:1198)
xhr.onreadystatechange @ reportEmbed?reportId=[removed]:551
ct @ reportembed.externals.bundle.min.js:1199
t.invokeTask @ reportembed.externals.bundle.min.js:1198
r.runTask @ reportembed.externals.bundle.min.js:1198
e.invokeTask @ reportembed.externals.bundle.min.js:1199
h @ reportembed.externals.bundle.min.js:1198
v @ reportembed.externals.bundle.min.js:1198
XMLHttpRequest.send (async)
l @ reportembed.externals.bundle.min.js:1199
t.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleMacroTask @ reportembed.externals.bundle.min.js:1198
n @ reportembed.externals.bundle.min.js:1198
(anonymous) @ reportembed.externals.bundle.min.js:1199
r.<computed> @ reportembed.externals.bundle.min.js:1198
getConceptualSchema @ reportEmbed?reportId=[removed]:574
getModelsAndExplorationAndConceptualSchema @ reportEmbed?reportId=[removed]:599
startFrontLoadReportEmbed @ reportEmbed?reportId=[removed]:131
receiveMessage @ reportEmbed?reportId=[removed]:202

Is there a production issue with Embedded Power BI currently?

Thanks

Mike

[MikeJB]

Hi there,

We are getting the same errors using Chrome Developer console when opening an embedded report using our AngularJS web app. Our clients have logged support requests with us as their report pages appear to have issues presenting correctly - for example text boxes are being pulled to the top left of the report pages.

Errors below, I have removed report id details in API calls:

TypeError: Cannot read property 'resolve' of null
at XMLHttpRequest.xhr.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange] (reportEmbed?reportId=[removed]:527)
at XMLHttpRequest.ct (reportembed.externals.bundle.min.js:1199)
at t.invokeTask (reportembed.externals.bundle.min.js:1198)
at r.runTask (reportembed.externals.bundle.min.js:1198)
at e.invokeTask [as invoke] (reportembed.externals.bundle.min.js:1199)
at h (reportembed.externals.bundle.min.js:1198)
at XMLHttpRequest.v (reportembed.externals.bundle.min.js:1198)
xhr.onreadystatechange @ reportEmbed?reportId=[removed]:550
ct @ reportembed.externals.bundle.min.js:1199
t.invokeTask @ reportembed.externals.bundle.min.js:1198
r.runTask @ reportembed.externals.bundle.min.js:1198
e.invokeTask @ reportembed.externals.bundle.min.js:1199
h @ reportembed.externals.bundle.min.js:1198
v @ reportembed.externals.bundle.min.js:1198
XMLHttpRequest.send (async)
l @ reportembed.externals.bundle.min.js:1199
t.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleMacroTask @ reportembed.externals.bundle.min.js:1198
n @ reportembed.externals.bundle.min.js:1198
(anonymous) @ reportembed.externals.bundle.min.js:1199
r.<computed> @ reportembed.externals.bundle.min.js:1198
getConceptualSchema @ reportEmbed?reportId=[removed]:574
getModelsAndExplorationAndConceptualSchema @ reportEmbed?reportId=[removed]:599
startFrontLoadReportEmbed @ reportEmbed?reportId=[removed]:131
receiveMessage @ reportEmbed?reportId=[removed]:202
reportembed.externals.bundle.min.js:1198

Uncaught TypeError: Cannot read property 'reject' of null
at XMLHttpRequest.xhr.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange] (reportEmbed?reportId=[removed]:551)
at XMLHttpRequest.ct (reportembed.externals.bundle.min.js:1199)
at t.invokeTask (reportembed.externals.bundle.min.js:1198)
at r.runTask (reportembed.externals.bundle.min.js:1198)
at e.invokeTask [as invoke] (reportembed.externals.bundle.min.js:1199)
at h (reportembed.externals.bundle.min.js:1198)
at XMLHttpRequest.v (reportembed.externals.bundle.min.js:1198)
xhr.onreadystatechange @ reportEmbed?reportId=[removed]:551
ct @ reportembed.externals.bundle.min.js:1199
t.invokeTask @ reportembed.externals.bundle.min.js:1198
r.runTask @ reportembed.externals.bundle.min.js:1198
e.invokeTask @ reportembed.externals.bundle.min.js:1199
h @ reportembed.externals.bundle.min.js:1198
v @ reportembed.externals.bundle.min.js:1198
XMLHttpRequest.send (async)
l @ reportembed.externals.bundle.min.js:1199
t.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleMacroTask @ reportembed.externals.bundle.min.js:1198
n @ reportembed.externals.bundle.min.js:1198
(anonymous) @ reportembed.externals.bundle.min.js:1199
r.<computed> @ reportembed.externals.bundle.min.js:1198
getConceptualSchema @ reportEmbed?reportId=[removed]:574
getModelsAndExplorationAndConceptualSchema @ reportEmbed?reportId=[removed]:599
startFrontLoadReportEmbed @ reportEmbed?reportId=[removed]:131
receiveMessage @ reportEmbed?reportId=[removed]:202

Is there a production issue with Power BI Embedded currently?

Thanks
Mike

[Deez]

@gah113 Where you able to resolve this issue? We are now facing a similar problem. 

@v-yuta-msft is there any other advice you can provide with regards to the error message that has been posted on this ticket?

[Deez]

Hi, 

More details on the issue we are facing:

Using Chrome Developer console when opening an embedded report using our AngularJS web app. Our clients have logged support requests with us as their report pages appear to have issues presenting correctly - for example text boxes are being pulled to the top left of the report pages.

Errors below, I have removed report id details in API calls:

TypeError: Cannot read property 'resolve' of null
at XMLHttpRequest.xhr.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange] (reportEmbed?reportId=[removed]:527)
at XMLHttpRequest.ct (reportembed.externals.bundle.min.js:1199)
at t.invokeTask (reportembed.externals.bundle.min.js:1198)
at r.runTask (reportembed.externals.bundle.min.js:1198)
at e.invokeTask [as invoke] (reportembed.externals.bundle.min.js:1199)
at h (reportembed.externals.bundle.min.js:1198)
at XMLHttpRequest.v (reportembed.externals.bundle.min.js:1198)
xhr.onreadystatechange @ reportEmbed?reportId=[removed]:550
ct @ reportembed.externals.bundle.min.js:1199
t.invokeTask @ reportembed.externals.bundle.min.js:1198
r.runTask @ reportembed.externals.bundle.min.js:1198
e.invokeTask @ reportembed.externals.bundle.min.js:1199
h @ reportembed.externals.bundle.min.js:1198
v @ reportembed.externals.bundle.min.js:1198
XMLHttpRequest.send (async)
l @ reportembed.externals.bundle.min.js:1199
t.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleMacroTask @ reportembed.externals.bundle.min.js:1198
n @ reportembed.externals.bundle.min.js:1198
(anonymous) @ reportembed.externals.bundle.min.js:1199
r.<computed> @ reportembed.externals.bundle.min.js:1198
getConceptualSchema @ reportEmbed?reportId=[removed]:574
getModelsAndExplorationAndConceptualSchema @ reportEmbed?reportId=[removed]:599
startFrontLoadReportEmbed @ reportEmbed?reportId=[removed]:131
receiveMessage @ reportEmbed?reportId=[removed]:202
reportembed.externals.bundle.min.js:1198

Uncaught TypeError: Cannot read property 'reject' of null
at XMLHttpRequest.xhr.onreadystatechange [as __zone_symbol__ON_PROPERTYreadystatechange] (reportEmbed?reportId=[removed]:551)
at XMLHttpRequest.ct (reportembed.externals.bundle.min.js:1199)
at t.invokeTask (reportembed.externals.bundle.min.js:1198)
at r.runTask (reportembed.externals.bundle.min.js:1198)
at e.invokeTask [as invoke] (reportembed.externals.bundle.min.js:1199)
at h (reportembed.externals.bundle.min.js:1198)
at XMLHttpRequest.v (reportembed.externals.bundle.min.js:1198)
xhr.onreadystatechange @ reportEmbed?reportId=[removed]:551
ct @ reportembed.externals.bundle.min.js:1199
t.invokeTask @ reportembed.externals.bundle.min.js:1198
r.runTask @ reportembed.externals.bundle.min.js:1198
e.invokeTask @ reportembed.externals.bundle.min.js:1199
h @ reportembed.externals.bundle.min.js:1198
v @ reportembed.externals.bundle.min.js:1198
XMLHttpRequest.send (async)
l @ reportembed.externals.bundle.min.js:1199
t.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleTask @ reportembed.externals.bundle.min.js:1198
r.scheduleMacroTask @ reportembed.externals.bundle.min.js:1198
n @ reportembed.externals.bundle.min.js:1198
(anonymous) @ reportembed.externals.bundle.min.js:1199
r.<computed> @ reportembed.externals.bundle.min.js:1198
getConceptualSchema @ reportEmbed?reportId=[removed]:574
getModelsAndExplorationAndConceptualSchema @ reportEmbed?reportId=[removed]:599
startFrontLoadReportEmbed @ reportEmbed?reportId=[removed]:131
receiveMessage @ reportEmbed?reportId=[removed]:202

Is there a production issue with Power BI Embedded currently?

@gah113 @v-yuta-msft 

[gah113]

@Deez We were able to resolve the JS errors using phased embedding.

However, we still see issues where our content is not embedded properly (all shapes within an embedded report are stacked on top of each other) even when no JS errors are thrown.

[Anonymous]

Hello,

Any update? We are facing the same issue and it has started today.

[Anonymous]

Hello,

I have de same issue. The report doesn't load correctly with the same console errors:

Any update?

[gah113]

We see the same embedding issue:

[GabrielSantos]

Hello all - I am experiencing the same issue. In particular, the grouped visuals are rendering overlapped in the top left corner of the page. When I ungroup the visuals and republish the report, they render as intended. Note: the visuals render correctly in the PowerBI web service grouped or ungrouped. It seems to be an issue in the embed.