Prettier自动将<br>转换为</br>，该如何解决此问题？

针对Prettier自动把<br>转为</br>的问题，可通过以下步骤解决：

• 配置Prettier的HTML空元素规则
  在项目根目录的.prettierrc（或.prettierrc.json）配置文件中，添加htmlVoidTags选项指定<br>为HTML空元素，确保Prettier保留其正确格式：

  {
    "htmlVoidTags": ["br"]
  }
  

  注：Prettier v3+默认已包含常见HTML空元素（如<br>），若仍出现问题，需检查是否有自定义配置覆盖了默认规则。

• 升级Prettier到最新稳定版
  不同版本的Prettier对HTML标签的处理逻辑可能存在差异，执行以下命令升级：

  npm install prettier@latest --save-dev
  

  使用yarn或pnpm的话，替换为对应命令：yarn add prettier@latest --dev / pnpm add prettier@latest -D

• 排查配置冲突
  若项目同时使用ESLint等工具，检查是否有插件（如eslint-plugin-prettier）或其他格式化配置干扰了Prettier的HTML处理逻辑，确保Prettier的配置优先级正常。

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