Visual Studio 代码 React 无法识别 html

Question

如您所见，HTML 内容不是彩色的，并且无法自动完成 HTML 标记

Answer 1

有两种方法可以做到这一点。

1) 您可以手动将语法设置为“Javascript React”。

为此，请点击屏幕右下角的“Javascript”：

然后只需输入“react”并选择它。 之后，您应该对渲染函数中的 html 部分进行自动完成。

2) 您可以指示 VSCode 始终以“javascriptreact”的形式打开.js文件。 为此，请转到您的设置并将files.associations复制到您的本地设置。 确保它看起来像这样并保存：

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

请注意：当您打开.js文件时，这将始终将语法设置为“javascriptreact”，并且可能并不总是您想要的。 更好的解决方案是通常将反应文件命名为myfile.jsx 。 这样 vscode 会自动将语法设置为“javascriptreact”。

希望这可以帮助。

Answer 2

• 将文件另存为 .jsx ie (App.jsx) 而不是 .js

这是因为您将文件保存为 .js，即 App.js.JavaScript 文件无法理解 HTML 标签。

另一种选择是你可以保存在 (.js) 中，但你的 web 包应该以这样的方式配置，它应该将它转换为 .jsx。 做参考这个 - https://github.com/facebook/create-react-app

Answer 3

React 只理解 javascript xml。