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"