当我Ctrl+s在可视化代码中使用更漂亮的和其他 javascript 扩展片段来保存这个文件时，我得到了这个显示错误的变形代码
并将错误显示为：
JSX 元素div没有相应的结束标记。
JSX 元素Navbar没有相应的结束标记。
JSX 元素NavbarBrand没有相应的结束标记。
标识符预期。
>预期的。
保存react文件时 Visual Studio 代码错误？
IT技术
javascript
reactjs
visual-studio-code
visual-web-developer
2021-05-22 11:32:45
4个回答
问题是你已经在你的 Vscode 中安装了 Beautify 和 Prettify。美化导致了这个问题。我尝试删除美化，它就像一个魅力。只需删除beatify并使用prettify，它就可以很好地工作。
将文件扩展名更改为 .jsx，以便格式化程序知道它包含标记
另一种变体：将您的设置更改为：
PS：在 Visual Studio Code 中将语言更改为 JSX
{ "files.associations": { "*.js": "javascriptreact" } }
这样你就可以将你的扩展名保留为 .js
将语言模式更改为 javascript react [语言模式应为 javascript react 圆圈] https://i.stack.imgur.com/DDQUH.jpg
