Полу-правило ESLint не применяется к операторам импорта перед объявлением класса в реагирующем

Question

Я пытаюсь интегрировать ESLint в наш реактивный проект, определив самые основные правила. Я начал с определения semi правила. Пока все выглядит нормально, за исключением файлов .js, у которых есть объявление класса. semi правило не выдает предупреждение или ошибку, если я не использую точку с запятой для операторов импорта.

.eslintrc.json

{
    "plugins":["react", "react-native"],
    "parserOptions": {
        "sourceType": "module",
        "ecmaFeatures": {
            "jsx": true
        }
    },
    "rules":{
        "jsx-quotes": [
            "error",
            "prefer-double"
        ],
        "semi": [
            "error",
            "always"]
    }
}

Пример .js файла.

import React, { Component } from 'react';
import { Easing, View, StyleSheet, Animated } from 'react-native'
import { connect } from 'react-redux'
import { NavigationActions } from 'react-navigation'
import { updateLicense } from '../actions'

class SomeContainer extends Component {
  somefunction() {}
}

С другой стороны, если нет объявления класса (только операторы import и export), он жалуется на отсутствие точек с запятой.

Есть идеи? Большое спасибо за вашу помощь!

Answer 1

Проблема исчезла после того, как я начал расширять конфигурацию со стиля airbnb с опцией babel-eslint. Итак, я добавил;

"extends": "airbnb",
"parser": "babel-eslint",

строк в .eslintrc файле.