Удалить CR только для файлов TS/TSX - Prettier ESLint на VSCode 1.46

Я создал проект React, используя шаблон Typescript Create React Apps, добавил необходимые плагины для ESLint 6.8.0 и настроил ESLint и красивее вместе, но всякий раз, когда я редактирую .ts или .tsx файлы я получаю ошибку ESLint Delete ␍⏎␍⏎``

У меня в VSCode установлены расширения ESLint и Prettier.

Я проверил различные другие сообщения на SO и попробовал большинство из упомянутых настроек,

Я добавил это в свой .eslintrc.json файл

"prettier/prettier": [
    "error",
    {
        "endOfLine": "auto"
    },
    { "usePrettierrc": true }
],

и вот мой .prettierrc

{
    "trailingComma": "es5",
    "tabWidth": 2,
    "useTabs": true,
    "semi": true,
    "singleQuote": true,
    "jsxBracketSameLine": false,
    "printWidth": 80,
    "endOfLine": "auto"
}

Но все же я получаю ошибку lint, когда создаю новую строку в файле.ts/.tsx

Я изменил все в настройках VSCode, чтобы использовать CRLF (Я в Windows) с "files.eol": "\r\n",

Даже если я попробую с разными окончаниями строк, я получаю похожие ошибки.

Если я сделаю

"prettier/prettier": [
    "error",
    {
        "endOfLine": "lf"
    },
    { "usePrettierrc": true }
],

Если я установлю endOfLine : crlf это та же ошибка, что и авто!

За то, что он стоит здесь, все мои .eslintrc.json

{
    "env": {
        "browser": true,
        "es6": true,
        "jest": true
    },
    "extends": [
        "standard",
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended",
        "prettier/@typescript-eslint",
        "plugin:prettier/recommended",
        "plugin:jsx-a11y/recommended"
    ],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly",
        "__DEV__": "readonly"
    },
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "project": "tsconfig.json",
        "tsconfigRootDir": "."
    },
    "plugins": ["react", "react-hooks", "@typescript-eslint", "prettier"],
    "rules": {
        "camelcase": "off",
        "no-unused-expressions": "off",
        "react/prop-types": "off",
        "react/jsx-one-expression-per-line": "off",
        "react-hooks/rules-of-hooks": "error",
        "react-hooks/exhaustive-deps": "warn",
        "react/jsx-filename-extension": [
            1,
            {
                "extensions": [".tsx"]
            }
        ],
        "@typescript-eslint/no-unused-vars": [
            "error",
            {
                "argsIgnorePattern": "_"
            }
        ],
        "@typescript-eslint/explicit-function-return-type": [
            "error",
            {
                "allowExpressions": true
            }
        ],

        // Remove after
        "@typescript-eslint/no-empty-interface": "off",
        "jsx-a11y/no-static-element-interactions": "off",
        "jsx-a11y/click-events-have-key-events": "off",
        "prettier/prettier": [
            "error",
            {
                "endOfLine": "crlf"
            },
            { "usePrettierrc": true }
        ],

        // Remove After

        "jsx-quotes": "warn",
        "import/prefer-default-export": "off",
        "import/extensions": [
            "error",
            "ignorePackages",
            {
                "ts": "never",
                "tsx": "never"
            }
        ]
    },
    "settings": {
        "import/resolver": {
            "typescript": {}
        },
        "react": {
            "version": "detect"
        }
    }
}

2 ответа

Решение

Поскольку этот пост получает некоторый трафик, я решил это, добавив это правило в свою конфигурацию eslint.

      rules: {
    'prettier/prettier': ['off', { singleQuote: true }],
}

Ключевой частью здесь является 'off' когда вы установите его на 'error'по умолчанию эта ошибка появляется. Выключение отключает эту проверку.

Вы также можете изменить настройку кода VS для конца строки:

  • нажмите F1
  • выберите «Изменить последовательность конца строки»
  • выберите «LF» вместо «CRLF»

и вуаля!

Другие вопросы по тегам