如何在Blazor应用程序中注入/插入/安装popper js

我正在开发我的第一个Blazor应用程序。我使用了Bootstrap 5下拉按钮。

<div class="dropdown">
    <button type="button" title="Print" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">
        <i class="bi bi-printer"></i>
    </button>
    <ul class="dropdown-menu">
        <li><button type="submit" id="print-1" class="btn btn-link border-0" @onclick="() => Print(AppliedReporting.ReportType.Preview)">Preview</button></li>
        <li><button type="submit" id="print-2" class="btn btn-link border-0" @onclick="() => Print(AppliedReporting.ReportType.PDF)">PDF</button></li>
        <li><button type="submit" id="print-3" class="btn btn-link border-0" @onclick="() => Print(AppliedReporting.ReportType.Excel)">Excel</button></li>
        <li><button type="submit" id="print-4" class="btn btn-link border-0" @onclick="() => Print(AppliedReporting.ReportType.Word)">Word</button></li>
        <li><button type="submit" id="print-5" class="btn btn-link border-0" @onclick="() => Print(AppliedReporting.ReportType.HTML)">HTML</button></li>
    </ul>
</div>

但是下拉列表并没有像应该的那样下降。 经过长时间的研究。我意识到应该在Blazor应用程序中安装popper。 我试了好几次都没能安装它。喜欢

将popper.js文件从web复制到blazor应用程序文件夹的位置。

添加 https://github.com/KristofferStrube/Blazor.Popper 框架和

添加

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"\>

但不幸的是,我没能激活下拉列表。

解决这个问题最好、最简单的方法是什么?

我正试图在VS 2022社区的Blazor应用程序中安装/injecte/insert popper js。