保存反应文件时 Visual Studio 代码错误？

Question

当我保存这个文件时，Ctrl+s甚至在可视代码中使用更漂亮的和其他 JavaScript 扩展片段，我得到了这个显示错误的变形代码

并将错误显示为：

JSX 元素div没有相应的结束标记。
JSX 元素Navbar没有相应的结束标记。
JSX 元素NavbarBrand没有相应的结束标记。
预期标识符。
>预期的。

Answer 1

问题是您已经在 Vscode 中安装了 Beautify 和 Prettify。美化导致了这个问题。我尝试删除美化功能，效果非常好。只需删除beautify并使用prettify，它就会工作得非常好。

Answer 2

将文件扩展名更改为 .jsx，以便格式化程序知道它包含标记