Layout Type MobilePortrait

Hi,

After searching in the forum, I did not find a clear answer to my case.

I am trying to embed PowerBI on Mobile devices. For simplification, I am using PowerBI-Developer-Samples . after updating the appsettings.json , and verifying everything work well on the web, I added layoutType into index.js .

            reportLoadConfig = {

                type: "report",

                tokenType: models.TokenType.Embed,

                accessToken: embedData.EmbedToken.Token,

                // You can embed different reports as per your need

                embedUrl: embedData.EmbedReport[0].EmbedUrl,

                //pageName: "ReportSection",

                // Enable this setting to remove gray shoulders from embedded report

                settings: {

                     layoutType: models.LayoutType.MobilePortrait

                 }

            };

When running the solution, PBI iframe rendering never ends, and I receive an error:

• index.js:75 Error: [$injector:unpr] http://errors.angularjs.org/1.8.0/$injector/unpr?p0=interactionsRegistryProvider%20%3C-%20interactionsRegistry%20%3C-%20InteractionsRegistryService ….

Note:

• In PowerBI Desktop, for every page, I created a mobile view and published it to PowerBI service.
• I have tested in Power BI Embedded Playground and there I can see the mobile reports.

Any ideas?

Thanks,

Kfir