ESLint 规则被忽略

【问题标题】：ESLint rule being ignoredESLint 规则被忽略
【发布时间】：2017-05-25 20:18:15
【问题描述】：

只是想拥有一个 SFC，而 ESLint 正在抱怨

我在.eslinrc 中制定了规则

{
  "env": {
    "es6": true,
    "browser": true
  },
  "extends": "airbnb",
  "rules": {
    "semi": [2, "never"],
    "no-unexpected-multiline": 2,
    "no-console": 0,
    "react/prefer-stateless-function": [0, {
      "ignorePureComponents": true
    }],
    "comma-dangle": ["error", "never"],
    "arrow-body-style": ["error", "never"]
  }
}

即使在错误上方直接添加了/* eslint arrow-body-style: ["error", "never"]*/，还有其他人遇到过这个吗？

我做错了什么

【问题讨论】：

标签： eslint

【解决方案1】：

您可以在导出前使用 disable-next-line：

// eslint-disable-next-line arrow-body-style
export onst Hi = () > {
 [...]
}

也许您也可以尝试在 .eslinrc 中将 "arrow-body-style": ["error", "never"] 替换为 "arrow-body-style": "off"。

顺便说一句，如果您只是想避免此错误，请将您的代码替换为以下内容：

import React from 'react';

export const Hi = () => (
  <div>
    <h1>Hi</h1>
  </div>
);

export default Hi;

【讨论】：