Prettier 在不同的机器上给出不一致的结果答案

【问题标题】：Prettier is giving inconsistent results on different machinesPrettier 在不同的机器上给出不一致的结果
【发布时间】：2022-06-17 22:13:25
【问题描述】：

我和我的同事正在应用程序的不同部分从事同一个项目。但是每次我们将代码推送到 github 时，我们都会得到一些文件，他的 prettier 和我的 prettier 都会覆盖这些文件。这是他更漂亮的例子：

const initialState = {
  login: {
    testValue1: "hello",
    testValue2: "world",
    testValue3: true,
    testValue4: "SomeValue",
  },
} as unknown as { example: InitialState; example1: ExampleState };

我更漂亮的例子：

const initialState = ({
 login: {
    testValue1: "hello",
    testValue2: "world",
    testValue3: true,
    testValue4: "SomeValue",
  },
} as unknown) as { example: InitialState; example1: ExampleState };

因此，区别在于一台机器放在那里而另一台机器正在拆除的支架。我们如何解决这个小问题并拥有一致的 Prettier？

忘了说我有.prettierrc：

{
  "printWidth": 100,
  "trailingComma": "all",
  "tabWidth": 2,
  "semi": true,
  "singleQuote": false
}

【问题讨论】：

为了保持一致的漂亮，您可以将 "prettier" 键添加到 package.json 或使用自定义配置将 .prettierrc 添加到您的目录。您可以阅读更多关于配置here 和配置here 的选项
对不起，我有 prettierrc。更新了问题
prettier 和 typescript 在两台机器上的版本是一样的吗？
如果你的意思是 package.json 那么是的
您可以npx tsc --version 和npx prettier --version 仔细检查。另外，您使用的是什么编辑器-您是否使用了可能具有不同版本的更漂亮的插件？如果您都在命令行中使用 prettier 格式化文件，您会得到与编辑器相同的结果吗？其他不太可能的情况 - 您的编辑器之一是否配置了 unix vs windows 行尾？

标签： reactjs typescript prettier

【解决方案1】：

遇到同样的问题

我做了什么：

npx prettier --version 检查node_modules/ 中安装的版本。（在我的情况下，来自 package.json 的版本和来自 node_modules/ 的版本不同）
rm -rf node_modules 删除 node_modules 文件夹
yarn 或 npm install

完成。

【讨论】：