未捕获的 ReferenceError：$ 未在 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");