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
点击右下方的'javascript'
然后会出现一个搜索栏。
在那里你需要搜索react
然后select第一个搜索结果。
完成
并且当我使用 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
点击右下方的'javascript'
然后会出现一个搜索栏。
在那里你需要搜索react
然后select第一个搜索结果。
完成