Blazor调用JSRuntime出现CS1503类型转换错误原因咨询

直接编译错误的原因 #

JSRuntime.InvokeAsync的参数采用可变参数数组（params object?[]?）定义，部分Blazor版本中，直接传递单个ElementReference对象时，编译器无法自动完成类型适配，导致出现“无法转换”的错误，需要显式将ElementReference包装为对象数组传递。

额外的逻辑错误（即使编译通过也会失效） #

1. ElementReference未绑定DOM元素：你在C#里声明了pdfView，但对应的div元素没有添加@ref="pdfView"指令，导致这个引用没有指向目标DOM元素，JS调用时会拿到无效对象。
2. JS函数参数处理错误：你传递的是Blazor的ElementReference（对应DOM元素的引用），但JS函数却把它当作元素id字符串去调用document.getElementById，完全不符合参数类型，必然会获取不到元素。

修正后的完整代码 #

HTML部分 #

<div class="modal-body" id="pdfView" @ref="pdfView"> ... </div>

C#部分 #

private ElementReference pdfView;
private async void VariablesService_OnWindowDimensionChange()
{
    // 显式包装为数组，解决编译错误
    var dimensions = await JSRuntime.InvokeAsync<string>("getDimensions", new object[] { pdfView });
}

JS部分（index.html中） #

<script type="text/javascript">
    function getDimensions(element) {
        // 直接使用传入的DOM元素引用
        return JSON.stringify(element.getBoundingClientRect());
    }
</script>

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