Prettier 2.6.2 对 html 代码进行了奇怪的更改

Question

我是新来的漂亮。 在运行更漂亮之后，我在这个 HTML 中有这个奇怪的现象：

<!DOCTYPE html>
<html>
  <head>
    <title>X</title>
  </head><!-- ddd --->
  <body></body>
</html>

然后我运行这个命令：

prettier --write "./src/**/*.{ts,html,scss}"

结果是这样的：

<!DOCTYPE html>
<html>
  <head>
    <title>X</title></head
  ><!-- ddd --->
  <body></body>
</html>

我有这个 .prettierrc.json 文件

{
"singleQuote": true,
"trailingComma": "es5",
"endOfLine": "auto",
"bracketSpacing": true,
"printWidth": 120
}

有什么建议为什么会发生这种行为？ 谢谢你。

Answer 1

添加此选项

在您的命令行中：

--html-whitespace-sensitivity ignore

或在您的.prettierrc.json中：

htmlWhitespaceSensitivity: "ignore"