javascript - Eslint 和 Prettier 行格式问题

Question

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

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

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

ESLint: Insert⏎·····<代码>(更漂亮/更漂亮)

你知道会是什么吗？

代码在这里（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>
);

标签： javascriptreactjseslintprettier

Answer 1

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

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

而已！