проблема с eslinting, и мое приложение для реагирования на машинный текст не работает - PullRequest
0 голосов
/ 19 июня 2020

Я думаю, это приложение меня берет на себя. Я использую машинописный текст, sass (s css), а машинописный текст - для каждого файла. Моя простая установка генерирует ошибки, но ее обычная реакция / js .. стандартная. У кого-нибудь есть идеи. Ниже мой файл eslint и снимок экрана с очень простым компонентом и ошибками ....

Я считаю, что проблема в том, что мой линтинг не работает для файлов ". js". В моем приложении должны быть оба файла: .tsx и. js, поскольку машинописный текст не требуется. Можно использовать или нет. enter image description here

.eslint file

const path = require('path');

module.exports = {
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaVersion": 2019,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    },
    "project": "./tsconfig.json"
  },
  "plugins": ["@typescript-eslint/eslint-plugin", 'react', 'prettier', 'import'],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react-hooks/recommended",
    "plugin:react/recommended",
    "eslint-config-prettier",
    "eslint-config-prettier/@typescript-eslint",
    "airbnb-base",
    "prettier",
    "prettier/react",
  ],
  "globals": {},
  "rules": {
    "strict": ["error", "never"],
    "import/prefer-default-export": 1,
    "global-require": 1,
    "react/jsx-key": 1,
    "prefer-destructuring": 1
  },
  "env": {
    "browser": true,
    "jest": true,
    "es2020": true
  },
  settings: {
    'import/resolver': {
      'babel-module': {
        "import/resolver": {
          src: path.join(__dirname, '/src'),
        },
      },
    },
    react: {
      version: 'detect',
    },
  },
  overrides: [
    {
      "files": ["**/*.tsx?"],
      "excludedFiles": "**/*.js",
      "rules": {
        "react/prop-types": "off"
      }
    },
    {
      files: ['**/__tests__/**'],
      settings: {
        'import/resolver': {
          jest: {
            jestConfigFile: path.join(__dirname, '/jest.config.js'),
          },
        },
      },
    },
  ],
}

Also, I've always done my development in webstorm and here is my javascript setting:

введите описание изображения здесь

1 Ответ

0 голосов
/ 20 июня 2020

Вы должны пометить файл как jsx / tsx при открытии файла. Или настройте вручную:

Preferences | Languages & Frameworks | JavaScript.

https://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...