导入组时出现更漂亮的尾随逗号错误

如何解决导入组时出现更漂亮的尾随逗号错误

我遇到了一个问题，即在尝试遵循它的尾随逗号规则时，prettier 似乎会自行崩溃。这是我所看到的示例：

我的 prettierrc.js 文件：

module.exports = {
  semi: true,trailingComma: "all",avoidEscape: true,printWidth: 120,tabWidth: 3
};

我的问题代码：

import {
   Button,ButtonGroup,CardContent,CircularProgress,Divider,TextField,useMediaQuery
} from "@material-ui/core";

发生的事情是 prettier 建议在 useMediaQuery 之后添加一个尾随逗号。 我添加它，然后在保存文件时，prettier 会删除导致错误的尾随逗号。

屏幕截图：

---

保存前

[

如果单独导入它们，它会起作用。仅当我在一行中导入 6+ 时。