React native ESLint半规则不'；在react native中，在类声明之前不强制导入语句

我试图通过定义非常基本的规则，将ESLint集成到我们的react原生项目中。我从定义

semi

规则开始。到目前为止，除了带有类声明的.js文件之外，一切似乎都正常<如果我不在导入语句中使用分号，则代码>分号规则不会引发警告或错误

.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

语句），它会抱怨缺少分号

---

有什么想法吗？非常感谢你的帮助

在我开始使用

babel eslint

选项从

airbnb

样式扩展配置之后，问题就消失了。所以我补充说,

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

---

将行插入

.eslintrc

文件。

尝试使用此规则“semi”：[2，“始终”]@ZeeshanAnsari我尝试过，但没有成功。我还发现，如果在任何

.js

文件中都有类定义，那么这些规则都不起作用。我认为您应该定义render方法以在文本中显示某些内容，然后检查，因为linter没有处理该文件，这会导致语法错误，如果您使用的是vscode，那么您可以安装eslint插件以获得最佳实践config+示例在Sublime中按预期工作。您可能需要确保已安装最新版本。