漂亮的VS代码在JSX中的标记的尖括号之前和之后添加了空间

Question

保存后我试图美化一个jsx文件，但prettier在<>之间添加了空格。例如<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"
]