Visual Studio 2022中Blazor InputNumber@ref错误提示消除方法

问题场景 #

以下Blazor页面代码在Visual Studio 2022中，@ref="ageInput"处出现红色波浪线，错误提示为：

Cannot convert expression type 'Microsoft.AspNetCore.Components.Forms.InputNumber<System.Nullable>' to return type '{System.Threading.Tasks.Task,void}'

但项目可正常构建运行，页面功能不受影响，环境为：目标框架net7.0，Microsoft.AspNetCore.Components.WebAssembly版本7.0.1。

页面代码：

@page "/Age"

<InputNumber id="year" class="form-control" @bind-Value="age" @ref="ageInput" />

<button type="button" class="btn btn-primary" @onclick="@ShowMessage">Show Message</button>

<p>@displayMessage</p>

@code {

    InputNumber<int?> ageInput = null!;

    private int? age;

    private string? displayMessage;

    void ShowMessage() =>
    displayMessage = "Age = " + ageInput.Value;
}

解决方法 #

• 升级Visual Studio 2022到对应版本：该错误属于IntelliSense的兼容性问题，将VS 2022升级到17.4及以上的稳定版本（适配net7.0的官方版本），多数这类虚假报错会被修复。
• 清理IntelliSense缓存：
  1. 关闭当前解决方案
  2. 删除项目根目录下的隐藏.vs文件夹
  3. 重新打开解决方案，等待IntelliSense重新加载完成
• 优化变量声明：将InputNumber<int?> ageInput = null!;修改为private InputNumber<int?>? ageInput;，更严谨的可空类型声明能让IntelliSense正确识别变量类型。
• 替换绑定变量直接使用：由于已经通过@bind-Value="age"实现双向绑定，直接使用绑定的age变量替代ageInput.Value，既简化代码也能绕过该识别错误：

  void ShowMessage() =>
      displayMessage = "Age = " + age;
  

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