保存反應文件時 Visual Studio 代碼錯誤？

Question

當我使用Ctrl+s保存這個文件時，即使在可視代碼中使用更漂亮的和其他 javascript 擴展片段，我也得到了這個顯示錯誤的變形代碼

並將錯誤顯示為：

JSX 元素div沒有相應的結束標記。
JSX 元素Navbar沒有相應的結束標記。
JSX 元素NavbarBrand沒有相應的結束標記。
標識符預期。
>預期。

Answer 1

問題是你已經在你的 Vscode 中安裝了 Beautify 和 Prettify。 美化導致了這個問題。 我嘗試刪除美化，它就像一個魅力。 只需刪除beatify並使用prettify，它就可以很好地工作。

Answer 2

將文件擴展名更改為 .jsx，以便格式化程序知道它包含標記

Answer 3

另一種變體：將您的設置更改為：

PS ： 在 Visual Studio Code 中將語言更改為 JSX

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

這樣你就可以將你的擴展名保留為 .js

Answer 4

將語言模式更改為 javascript react [語言模式應為 javascript react 圓圈] https://i.stack.imgur.com/DDQUH.jpg

Answer 5

1. 點擊右下角的“javascript”

2. 然后它會出現一個搜索欄。

3. 在那里你需要搜索反應

4. 然后選擇第一個搜索結果。

5. 完畢

Answer 6

您可能安裝了不適合 html+js 代碼片段的格式化程序。 卸載（無論是否禁用都不起作用）並在 vs 代碼中設置默認格式化程序。

Answer 7

在創建新應用程序之前鍵入以下命令：

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

Answer 8

我學會的方法是：問題可能是您正在使用 .js 文件，但打算讓它運行 React。 現在很自然地，如果你將它保存為 .jsx，Vs 代碼會自己識別它，但你不想要那樣。 只需單擊 VS 代碼編輯器右下角的 Javascript。

您將看到選擇語言模式的選項，您可以在此處搜索 JavaScriptReact 並選擇。 就是這樣。 這應該可以解決您的問題。

Answer 9

1 禁用所有擴展 2 並選擇語言模式為 JavaScriptReact [see pic is here] [1]: https://i.stack.imgur.com/uOwiT.png