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

Visual Studio code error while saving react files?

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

并显示错误为:

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

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

您可能安装了不适合 html+js 代码片段的格式化程序。 卸载(无论是否禁用都不起作用)它并在 vs 代码中设置默认格式化程序。

问题是您在 Vscode 中同时安装了 Beautify 和 Prettify。美化导致了这个问题。我尝试删除 beautify,它就像一个魅力。只需删除 beautify 并使用 prettify 就可以了。

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

P.S:

{ "files.associations":{ "*.js": "javascriptreact" } }

这样您就可以将扩展名保留为 .js

在创建新应用程序之前键入以下命令:

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

1 禁用所有扩展 2 而select语言模式是JavaScriptReact [看图片在这里] [1]: https://i.stack.imgur.com/uOwiT.png

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

您将看到 Select 语言模式的选项,在这里您可以搜索 JavaScriptReact 和 select。而已。这应该可以解决您的问题。

将语言模式更改为 javascript react [语言模式应为 javascript react as circled] https://i.stack.imgur.com/DDQUH.jpg

  1. 点击右下方的'javascript'

  2. 然后会出现一个搜索栏。

  3. 在那里你需要搜索react

  4. 然后select第一个搜索结果。

  5. 完成