Blazor Server中调用JS函数返回值赋值给变量时类型报错如何解决

该需求完全可以实现，报错原因是你调用了错误的JS互操作方法：

• InvokeVoidAsync 是Blazor专门用来调用无返回值JS函数的方法，本身不会返回任何结果，你尝试将它的返回值赋值给result变量自然会触发类型转换错误。
• 原代码还存在语法错误：赋值语句多了冗余的左括号，缺少闭合右括号。

解决步骤 #

将InvokeVoidAsync替换为带泛型参数的InvokeAsync<T>方法，泛型T要和JS函数的返回值类型匹配，你的JS函数返回的是布尔值，所以泛型参数填bool即可。

修正后的C#代码： #

private async Task Checker()
{
   var result = await JsRuntime.InvokeAsync<bool>("checkNullValues");
   // 后续可直接使用result变量存储的布尔返回值
}

其他注意事项 #

• 如果JS函数返回值类型变化，可以灵活调整泛型参数，比如返回字符串填string、返回数字填int/double即可。
• 不要在组件同步初始化生命周期OnInitialized中直接调用JS互操作方法，建议放在OnAfterRenderAsync生命周期或者用户交互触发的异步方法中调用，避免JS运行时未初始化导致的额外报错。

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