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文件中。

ESLint半规则在React-native中的类声明之前不对导入语句强制执行

1 个答案: