Visual Studio 2022 Razor(chtml)页面if块HTML标签异常如何修复

本方案适用于以下Razor编辑异常：

• 嵌套在div内的@if代码块中输入div等标签时，VS无法自动补全对应闭合标签
• 手动输入</div>等闭合标签时，编辑器自动在闭合标签前额外生成多余的<div>开标签
• 手动选中标签时高亮匹配正常，但自动补全、标签闭合逻辑判定错乱

方案1：切换Razor语言服务版本（修复率最高） #

该异常绝大多数情况是VS2022默认启用的新版Razor语言服务存在解析bug导致，操作步骤：

• 打开VS2022，顶部菜单栏依次选择「工具」→「选项」
• 在左侧导航栏展开「文本编辑器」→「HTML」→「Razor」→「高级」设置页
• 找到*使用新版Razor语言服务（需要重启）*选项，取消勾选后点击确定，重启VS即可

若取消勾选后仍有异常，可反向操作：保持该选项为勾选状态，将下方「Razor语言服务版本」下拉选择最新稳定版，再重启VS验证。

方案2：清空VS本地组件缓存 #

本地编辑器缓存损坏也会导致Razor语法解析逻辑错乱，操作步骤：

• 完全关闭所有运行中的VS2022窗口
• 打开资源管理器，在地址栏输入路径 %LocalAppData%\Microsoft\VisualStudio\ 回车
• 找到对应VS2022安装版本的文件夹（命名格式为17.0_xxxxxx，后缀为随机字符串），进入其中的ComponentModelCache文件夹，删除该文件夹内所有文件
• 重启VS，等待Razor解析服务重新初始化完成后再测试标签补全功能。

方案3：修复VS版本兼容问题 #

该问题是VS2022 17.4-17.6版本区间的已知公开bug，若上述两个方案无效可按以下步骤处理：

• 打开Visual Studio Installer，找到VS2022条目，点击旁侧「更多」→「修改」
• 在「单个组件」标签页下，确认已勾选ASP.NET和Web开发 workload 下所有Razor编辑相关组件，补装缺失组件后重启
• 若当前安装版本在17.4-17.6区间，可选择升级到17.7及以上稳定版，或临时回滚到17.3及更早的无异常版本。

临时规避方案 #

如果暂时不方便调整VS设置或版本，可在编写@if块内标签时，先用Razor原生的<text>标签显式标记块内HTML范围，强制编辑器正确识别标签边界，示例写法：

<div>
@if (condition)
{
    <text>
    <div>
        块内业务内容
    </div>
    </text>          
}
</div>

<text>是Razor专属的语法标记，不会被渲染为最终的HTML标签输出，仅用于辅助编辑器做语法识别，待所有标签编写完成后可按需移除。

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