Question

我正在尝试让Blazor（服务器端）与IE11（与Chrome兼容）一起使用。但是IE 11似乎没有响应onclick =“ @ ExportExcel”。我从https://github.com/Daddoon/Blazor.Polyfill添加了blazor.polyfill.min.js，但这没有帮助。预先感谢！

下面的前端代码。

@inject ExcelExportService EES

<div>
    <button onclick="@GetTransferFile">Transfer Excel file</button>
</div>

@functions {

    protected async Task GetTransferFile()
    {
        await EES.TransferFile();
    }
}

修改在_Host.cshtlm中我已经添加了Issac建议的polyfill.min.js

<body>

    <script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js"></script>
    <script type="text/javascript" src="blazor.polyfill.min.js"></script>
    <app>
        @(await Html.RenderComponentAsync<App>())
    </app>


    <script src="_framework/blazor.server.js"></script>
</body>

我现在在控制台日志中看到一条错误消息“ CSS3111：@ font-face遇到未知错误”。我注释掉了引导程序只是为了进行测试，但仍然出现错误。我猜这是onclick中GetTransferFile之前的@令人感到困惑。

Answer 1

尝试添加此polyfill：https://polyfill.io/v2/docs/

您应该记住，即使在服务器端执行模式下，Blazor也会使用一些旧的浏览器不支持的新JavaScript结构，例如Promise，Fetch API等。

希望这对您有帮助...

IE11中的Blazor服务器端onclick无法正常工作

1 个答案: