Javascript 保存react文件时出现Visual Studio代码错误？

当我使用

Ctrl+s

保存这个文件时，即使在可视代码中使用了prettier和其他javascript扩展片段，我也会得到这个显示错误的变形代码

并将错误显示为：

JSX元素

div

没有相应的结束标记。
JSX元素

Navbar

没有相应的结束标记。
JSX元素

NavbarBrand

没有相应的结束标记。
需要标识符。

---

应为。

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

您可能安装了不适合html+js代码段的格式化程序。

---

卸载（无论是否禁用）它并在vs代码中设置默认格式化程序。

问题是您在vs代码中安装了美化和美化。美化造成了这个问题。我试着去除“美化”，效果很好。只需删除beatify并使用Pretify，它将非常有效。

另一个变体：将设置更改为：

p.S：

{ “文件.关联”：{ *.js:“javascriptreact” } }

---

这样，您可以将扩展名保留为.js，在创建新应用程序之前键入以下命令：

npm install -g create-react-app
npx create-react-app myapp
cd myapp
npm start

1禁用所有扩展 2并选择语言模式为JavaScriptReact [如图所示]

---

[1] ：

我学习的方法是： 问题可能是您正在使用一个.js文件，但打算让它运行React。 现在，如果您将其保存为.jsx，Vs代码自然会自己识别它，但您不希望这样。 只需单击VS代码编辑器右下角的Javascript

---

您将看到一个选择语言模式的选项，在这里您可以搜索JavaScriptReact并选择。就这样。这应该可以解决您的问题。

当您的文件应该是JSXB时，它是一个.js文件，但我正在制作扩展名为.jsIt的react应用程序，它不会更改react的任何内容，只会更改vscode formatterIt！！非常感谢：）可能的副本