Blazor中DotNet.invokeMethodAsync无法调用C#函数（无报错）

你的核心问题是DotNet.invokeMethodAsync调用后无响应：既不触发C#方法，也不执行then回调，也没有报错。这大概率是调用参数不匹配、方法定位失败导致Promise被静默拒绝了，以下是具体的排查和解决办法：

1. 静态方法调用的正确姿势 #

你之前尝试了静态方法，但调用格式不对。DotNet.invokeMethodAsync的第一个参数需要是程序集名称，第二个参数是方法的完整标识（命名空间+类名+方法名）——如果方法在程序集中唯一，也可以直接用方法名，但不推荐，容易出现冲突。

正确调用示例 #

假设你的C#方法所在类是MyApp.Pages.CustomerPage，程序集名称为MyApp：

fnDisplayCustomer = function (customerId) {
    // 格式：DotNet.invokeMethodAsync('程序集名称', '完整方法名', 参数)
    DotNet.invokeMethodAsync('MyApp', 'MyApp.Pages.CustomerPage.displayCustomer', customerId)
        .then(result => {
            console.log(result)            
        })
        .catch(error => {
            // 必须加catch！否则Promise被拒绝时不会显示错误
            console.error('调用失败:', error);
        });
}

对应的C#代码：

using Microsoft.JSInterop;

namespace MyApp.Pages;

public class CustomerPage : ComponentBase
{
    [JSInvokable]
    public static int displayCustomer(int customerId)
    {
        return customerId;
    }
}

2. 实例方法的调用方式（如果需要访问页面实例成员） #

如果你的方法需要操作页面的实例状态（比如组件的属性、服务），不能用静态方法，需要把组件实例传递给JS：

步骤1：在Razor页面中创建实例引用 #

@inject IJSRuntime JS
@implements IAsyncDisposable

<button onclick="fnDisplayCustomer(54)">Click me!</button>

@code {
    private DotNetObjectReference<CustomerPage>? _objRef;

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            _objRef = DotNetObjectReference.Create(this);
            // 将实例引用传给JS，存在全局变量中
            await JS.InvokeVoidAsync("setCustomerPageRef", _objRef);
        }
    }

    [JSInvokable]
    public int displayCustomer(int customerId)
    {
        return customerId;
    }

    public async ValueTask DisposeAsync()
    {
        _objRef?.Dispose();
    }
}

步骤2：JS中使用实例引用调用方法 #

let customerPageRef;

function setCustomerPageRef(ref) {
    customerPageRef = ref;
}

fnDisplayCustomer = function (customerId) {
    customerPageRef.invokeMethodAsync('displayCustomer', customerId)
        .then(result => {
            console.log(result)            
        })
        .catch(error => {
            console.error('调用失败:', error);
        });
}

3. 关键调试要点 #

• 强制添加catch块：你之前没加catch，Promise被拒绝时会静默失败，加了之后就能看到具体错误（比如找不到方法、参数类型不匹配等）。
• 确认程序集名称：可以在C#中通过typeof(CustomerPage).Assembly.GetName().Name获取准确的程序集名称，避免拼写错误。
• 检查方法权限：C#方法必须是public，且标记[JSInvokable]；静态方法还要加上static修饰符。
• 参数类型匹配：确保JS传入的参数类型和C#方法的参数类型完全一致（比如这里是int，没问题；如果是复杂对象要确保序列化正常）。

4. 关于程序集名称的疑问 #

程序集名称就是你的项目编译后的DLL名称（通常和项目名称一致）。如果多个类有同名方法，必须指定**完整的方法标识（命名空间+类名+方法名）**来区分，这样就能准确定位到目标方法。

内容的提问来源于stack exchange，提问作者Vereonix