reactjs - Prettier 的保存格式弄乱了 .jsx 文件

Question

我已经format on save启用，它在 .js 文件中运行良好，但是当我尝试在我的 .jsx 文件中保存代码时，一切都搞砸了。如何在不禁用的情况下配置我的 prettier 以避免此问题format on save？

score 11 · Accepted Answer

对于遇到这种情况的任何人，您可能已经安装了其他一些 VS Code 插件，例如Beautifyvscode 推荐的。卸载它，prettier 现在应该可以工作了。

score 9 · Accepted Answer

如果您使用的是 VS Code，请尝试将其添加到您的 settings.json 文件中：

{
  "editor.formatOnSave": false,
  "[javascriptreact]": {
      "editor.formatOnSave": true
  }
}

score 3 · Accepted Answer

TL;DR：如果您已经拥有由 ESLint 管理的 Prettier，请禁用 Prettier VSCode 扩展。

我对 .mdx 文件（我用于 Storybook）有类似的问题。我启用了 formatOnSave 并通过 ESLint 将 Prettier 用于 Vue 项目。Prettier 会通过删除有意义的空行来破坏 .mdx 文件，从而导致一个很好的错误：“相邻的 JSX 元素必须包含在封闭标记中。”

我的解决方案是禁用 VSCode 中的 Prettier 扩展。无论如何你都不需要它，因为你已经有一个由 ESLint 管理的 Prettier，而且它不会破坏 .mdx 文件。

score 2 · Accepted Answer

2

我面临同样的情况。我卸载了 prettier 等扩展程序，它工作正常。

于 2019-07-23T06:50:35.640 回答

4 回答 4