Eslint 和 Prettier 行格式问题

Question

谁遇到过同样的问题？ 我的 IDE（JetBrain WebStorm，macOS）认为下面屏幕截图中的代码片段格式错误：

但是我的队友在 Windows 上有 JetBrains IntelliJ IDEA，并且相同的代码对于相同的 linter 是可以的！

我们对 linter 使用相同的环境（.eslintrc、.prettierrc、.editorconfig 等）。 同时，我的 IDE 没有引用它尝试使用的规则，它只是向我显示了这个提示：

ESLint: Insert ⏎····· (prettier/prettier)

你知道它是什么吗？

代码在这里（JSX，React）：

const DBFieldInfoBlock = ({
  rowClassName,
  cellLabelClassName,
  cellValueClassName,
  id,
  value,
  currency,
}) => (
  <div className={rowClassName}>
    <span className={cellLabelClassName}>
      <InfoLabel id={id} />:
    </span>
    {value !== undefined && value !== null && (
      <span className={cellValueClassName}>
        <InfoValue value={value} id={id} currency={currency} />
      </span>
    )}
  </div>
);

Answer 1

解决。 伙计们，也许这对某人有帮助。 我进行了以下步骤：

1. 删除回购。
2. 再次克隆 repo。

就是这样！