BlazorServer应用程序中无法从新电路调用JSInterop
在Blazor Server应用程序中，当您创建一个新的Circuit时，它将被视为一个完全独立的环境，因此可能无法调用之前创建的JSInterop功能。要解决这个问题，需要在启动应用程序时注册JSInterop功能并确保它们在整个应用程序的生命周期内都是可用的。
以下是一个示例，演示如何注册一个JSInterop功能并在新的电路中使用它：
// Startup.cs
public void ConfigureServices(IServiceCollection services) { // 注册JSInterop功能 services.AddJsInterop();
// 省略其他代码
}
// JsInteropExtensions.cs
public static class JsInteropExtensions
{
public static IServiceCollection AddJsInterop(this IServiceCollection services)
{
// 注册JSInterop服务
services.AddSingleton
return services;
}
}
// MyJSInteropService.cs
public class MyJSInteropService : IJSInteropService { private readonly IJSRuntime _jsRuntime;
public MyJSInteropService(IJSRuntime jsRuntime)
{
_jsRuntime = jsRuntime;
}
public async Task DoSomething()
{
// 在这里执行JS操作
await _jsRuntime.InvokeAsync}
// MyComponent.razor
@inject IJSInteropService MyJSInteropService
@code { protected override Task OnInitializedAsync() { // 调用JSInterop功能 await MyJSInteropService.DoSomething(); } }
在此示例中，我们在应用程序启动时注册了一个名为“MyJSInteropService”的JSInterop服务。该服务仅作为带有IJSInteropService接口的DoSomething()方法的封装器，该接口可在应用程序的其余部分使用。 MyComponent.razor组件再次注入IJSInteropService并使用DoSomething()方法调用它。
一旦运行，此代码将在新的电路中成功调用JSInterop