javascript - 为什么我的 ESLint 配置文件不能与 React Native 一起使用？

Question

使用 VSCode，我使用 expo-cli 创建了一个 React Native 应用程序。我想使用 ESLint 和 Prettier 来提高我的代码质量。
我预计 ESLint 在“问题”选项卡中打印出错误，例如，如果我在 App.js 中有此行​​ var asd = 1;，ESLint 将打印出 Unexpected var，请改用 let 或 const。
我有 ESLint 配置文件设置，我故意编写错误的代码来测试 ESLint 是否正常工作，但我没有看到任何错误。
VSCode 的 ESLint 已安装版本 1.9.1，链接中包含我的 project's structure .

这是我的 App.js 代码，其中有 2 个地方我预计会生成错误:

import React from "react";
import { StyleSheet, Text, View } from "react-native";

export default function App() {
  return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
    </View>
  );
}

var asd = 1; // this should show error

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center"
  }
});

const zzz = StyleSheet.create({
  // this should show error based on react-native/no-unused-styles rule in eslint config
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center"
  }
});

这是我的 .eslintrc.json 文件:

{
  "extends": [
    "airbnb",
    "prettier",
    "plugin:node/recommended",
    "plugin:react/recommended"
  ],
  "plugins": ["prettier", "react", "react-native"],
  "env": {
    "es6": true,
    "browser": true,
    "node": true,
    "react-native/react-native": true
  },
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "rules": {
    "prettier/prettier": "warn",
    "no-unused-vars": "warn",
    "no-console": "off",
    "func-names": "off",
    "no-process-exit": "off",
    "no-alert": "warn",
    "object-shorthand": "off",
    "class-methods-use-this": "off",
    "no-plusplus": ["error", { "allowForLoopAfterthoughts": true }],
    "react-native/no-unused-styles": "error"
  },
  "settings": {
    "import/resolver": {
      "node": {
        "extensions": [".js", ".ios.js", ".android.js"]
      }
    }
  }
}

Answer 1

我的配置文件中的parserOptions不够详细。我需要像下面这样更新它:

"parserOptions": {
  "ecmaVersion": 6,
  "sourceType": "module",
  "ecmaFeatures": {
      "jsx": true
  }
},