Как я настраиваю ESLint для разрешения толстых методов класса стрелки

Question 1

ESLint бросает a Parsing error: Unexpected token = ошибка, когда я пробую к линту свои классы Es6. Какой параметр конфигурации я пропускаю для включения толстых методов класса стрелки в eslint?

Демонстрационный класс:

class App extends React.Component{
    ...
    handleClick = (evt) => {
        ...
    }
}

.eslint

{
  "ecmaFeatures": {
    "jsx": true,
    "modules":true,
    "arrowFunctions":true,
    "classes":true,
    "spread":true,

  },
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  },
  "rules": {
    "strict": 0,
    "no-underscore-dangle": 0,
    "quotes": [
      2,
      "single"
    ],
  }
}

Question 2

Сначала установите эти плагины:

npm i -D babel-eslint eslint-plugin-babel

Затем добавляют эти настройки к Вашему eslint файлу конфигурации:

.eslintrc.json

{
    "plugins": [ "babel" ],
    "parser": "babel-eslint",
    "rules": {
        "no-invalid-this": 0,
        "babel/no-invalid-this": 1,
    }
}

Таким образом можно использовать толстые методы класса стрелки плюс Вы, не получит никакой no-invalid-this ошибки от eslint.

Счастливое кодирование'

Zsolt Gulyás · Answer 1 · 1 November 2019 в 10:54