PowerBI Embedded 报告在由 Javascript API 呈现时在加载时挂起

Question

我正在尝试将 PowerBI 报告嵌入到我的 Web 应用程序中，即运行在我的开发服务器本地，使用 Javascript API。我知道一切正常，因为我在他们的 Playground 中成功呈现了所需的报告，所以嵌入式服务器或 Azure 不会有问题。在我的控制台 window 中，有多个外部资源的警告和错误被同源策略阻止，还有一个 uncaught exception: [object Object] 错误可能与我可以使用的 PBI Javascript API 有关不要破译。报表永远加载，显示动画 PowerBI 徽标。尝试在本地嵌入报告时是否还有其他人遇到此问题？这是负责渲染的代码：

var embedContainer = $("#container");
var models = window.['powerbi-client'].models;

    var config= {
        type: 'report',
        tokenType: models.TokenType.Embed,
        accessToken: ginormous embed token,
        embedUrl: https://app.powerbi.com/reportEmbed?reportId=ommited_for_privacy&groupId=ommited_for_privacy,
        id: the_report_id,
        permissions: models.Permissions.All,
        settings: {
                filterPaneEnabled: true,
                navContentPaneEnabled: true
        }
    };

    // Embed the report and display it within the div container.
    var report = powerbi.embed(embedContainer.get(0), config);

    // Report.off removes a given event handler if it exists.
    report.off("loaded");

    // Report.on will add an event handler which prints to Log window.
    report.on("loaded", function() {
        Log.logText("Loaded");
    });

    report.on("error", function(event) {
        Log.log(event.detail);

        report.off("error");
    });

    report.off("saved");
    report.on("saved", function(event) {
        Log.log(event.detail);
        if(event.detail.saveAs) {
                Log.logText('In order to interact with the new report, create a new token and load the new report');
        }
    });

以下是所有控制台错误：

uncaught exception: [object Object]

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://dc.services.visualstudio.com/v2/track. (Reason: CORS request did not succeed).

Source map error: request failed with status 404
Resource URL: http://localhost:3000/temp/scripts/App.js

Source Map URL: powerbi.js.map
Source map error: request failed with status 404
Resource URL: https://app.powerbi.com/13.0.5314.162/scripts/ai.0.js

Source Map URL: ai.0.js.map
Source map error: request failed with status 404
Resource URL: https://app.powerbi.com/13.0.5314.162/scripts/reportembed.externals.bundle.min.js

Source Map URL: interact.min.js.map

Answer 1

我的坏人

问题是 Firefox 没有显示异常的原因，但是 Chrome 显示了。在询问之前，我应该在另一个浏览器中进行测试。使用异常文本，我可以将问题跟踪到 tokenType 参数中的拼写错误并且它工作得很好。

PowerBI Embedded 报告在由 Javascript API 呈现时在加载时挂起

PowerBI Embedded report hangs on loading when rendered by Javascript API

javascript

powerbi-embedded