Prettier 在 VS Code 的 JSX 标签前后添加 Space 个尖括号

Question

我试图在保存后美化一个 jsx 文件，但是 prettier 在 <> 之间添加了 space。例如，<p> 更改为 < p >，这会在 jsx

上引发问题

const elem = <h1> Hello React </h1>;
    console.log(elem);

到

const elem = < h1 > Hello React < /h1>;
console.log(elem);

你能告诉我如何解决这个问题吗

Answer 1

您是否也安装了 Beautify？存在记录与该扩展名的已知冲突的问题。

要解决此问题，请将以下内容添加到您的工作区配置中：

"beautify.ignore": [
    "**/*.js",
    "**/*.jsx"
]

Prettier Adds Space Before and After Angle Brackets of Tags in JSX in VS Code