Uncaught ReferenceError: $ is not defined in Power BI Embedded

Question

我正在尝试将 Power BI 仪表板嵌入到我的 ASP.NET Core 2.1 应用程序中。我收到一个 javascript 错误，而 运行 这个应用程序说 $ 未定义。我已经在 div 中定义了这个变量，我正试图在脚本中访问它。这是我的 index.cshtml.

代码

@model WebApplication2.Models.EmbedConfig
    @{
        ViewBag.Title = "Dashboard";
        Layout = "~/Views/Shared/_Layout.cshtml";
    }

    <script src="https://npmcdn.com/es6-promise@3.2.1"></script>
    <script src="~/js/powerbi.js"></script>
    @if (!string.IsNullOrEmpty(Model.ErrorMessage))
    {
        <div id="errorWrapper">
            <h2>
                Error
            </h2>
            @Model.ErrorMessage
        </div>

        return;
    }
    <br />

    <a href="javascript:void(0);" class="btn btn-primary" id="backLink">Back</a>
    <br /><br />

    <h2>Embedded Dashboard</h2>

    <br />

    <div id="dashboardContainer"></div>

    <script>

        var accessToken = "@Model.EmbedToken.Token";

        var embedUrl = "@Html.Raw(Model.EmbedUrl)";

        var embedDashboardId = "@Model.Id";

        var models = window['powerbi-client'].models;

        var config = {
            type: 'dashboard',
            tokenType: models.TokenType.Embed,
            accessToken: accessToken,
            embedUrl: embedUrl,
            id: embedDashboardId,

            settings: {
                background: models.BackgroundType.Transparent
            }
        };

        // Get a reference to the embedded dashboard HTML element
        var dashboardContainer = $('#dashboardContainer')[0];

        // Embed the dashboard and display it within the div container.
        var dashboard = powerbi.embed(dashboardContainer, config);
    </script>

这是我的 .net core 2.1 应用程序中的 Index.cshtml。我收到一条错误消息，指出 $ 未定义。我已经明确定义了 dashboardContainer。为什么会出现此错误？

Answer 1

您似乎需要包含 jquery。尝试使用经典 javascript 来查看是否是问题所在。

替换 var dashboardContainer = $('#dashboardContainer')[0]; 和 var dashboardContainer = document.getElementById("dashboardContainer");