VsCode (Ctrl + K + D) - JSX 元素没有对应的结束标签

【问题标题】：VsCode (Ctrl + K + D) - JSX element has no correspondig closing tagVsCode (Ctrl + K + D) - JSX 元素没有对应的结束标签
【发布时间】：2018-12-06 20:03:20
【问题描述】：

当我按 ctrl + K + D 格式化包含反应代码的 javascript 文件时，格式会被破坏。

Typescript 抱怨格式化，但代码运行良好。

JSX 元素没有对应的结束标签

是否有可用的扩展名可以正确格式化带有.js 扩展名的反应文件？

【问题讨论】：

Prettier 可能是一个不错的选择。

标签： reactjs visual-studio-code

【解决方案1】：

有Prettier，但要使其正常工作，您需要对带有 jsx 的文件使用 .jsx 扩展名。

有时它会与 beautify 冲突，因此要使其在不添加 .jsx 的情况下工作，您可能需要将其添加到您的 vs-code 配置中。

"beautify.ignore": [
   "**/*.js",
   "**/*.jsx"
]

【讨论】：

我使用 reactjs 的第一步：D
我读到不推荐使用.jsx (thread)。有没有办法在不使用jsx 扩展名的情况下对其进行充分格式化？
我发现它可能无法正常工作，因为与美化 github.com/prettier/prettier-vscode/issues/454 冲突，但更新您的配置应该会有所帮助。