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

【问题标题】：Visual Studio code error while saving react files?保存反应文件时Visual Studio代码错误？
【发布时间】：2019-04-06 12:56:41
【问题描述】：

当我用Ctrl+s 保存这个文件时，即使在可视代码中使用更漂亮的和其他javascript 扩展sn-ps，我也会得到这个显示错误的变形代码

并显示错误为：

JSX 元素 div 没有对应的结束标记。
JSX 元素 Navbar 没有对应的结束标记。
JSX 元素 NavbarBrand 没有对应的结束标记。
需要标识符。
> 需要。

【问题讨论】：

【解决方案1】：

问题是你已经在你的 Vscode 中安装了 Beautify 和 Prettify。美化导致了这个问题。我尝试删除美化，它就像一个魅力。只需删除 beatify 并使用 prettify 就可以了。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

另一种变体：将您的设置更改为：

{ “files.associations”：{ "*.js": "javascriptreact" } }

这样你可以将你的扩展保留为 .js

【讨论】：

【解决方案4】：

将语言模式更改为javascript react [语言模式应为javascript react，如圆圈所示]https://i.stack.imgur.com/DDQUH.jpg

【讨论】：

【解决方案5】：

【讨论】：

【解决方案6】：

您可能安装了不适合 html+js 代码 sn-ps 的格式化程序。卸载（禁用是否无效）并在 vs 代码中设置默认格式化程序。

【讨论】：

【解决方案7】：

在创建新应用之前键入以下命令：

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

【讨论】：

【解决方案8】：

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

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

【讨论】：

【解决方案9】：

1 禁用所有扩展 2 并选择语言模式为 JavaScriptReact [见图片在这里] [1]：https://i.stack.imgur.com/uOwiT.png

【讨论】：