Почему в моей конфигурации для приложения React нужны двойные кавычки вместо одинарных? - PullRequest
Новая
       115

Почему в моей конфигурации для приложения React нужны двойные кавычки вместо одинарных?

0 голосов
/ 03 июня 2019

У меня проблемы с диагностикой странности в моей конфигурации линтинга. Он хочет, чтобы я использовал двойные кавычки, что я не буду возражать, но я не могу понять , почему , потому что, насколько я могу судить, все мои правила хотят синглов.

Это для приложения React. Моя установка использует ESLint с Airbnb и Prettier. Я установил пакеты согласно учебным пособиям и документации для соответствующих плагинов. Я редактирую с VSCode.

У меня есть следующие соответствующие пакеты в package.json (в корне проекта): 

    "eslint": "^5.16.0",
    "eslint-config-airbnb": "^17.1.0",
    "eslint-config-prettier": "^4.3.0",
    "eslint-import-resolver-webpack": "^0.11.1",
    "eslint-plugin-import": "^2.17.2",
    "eslint-plugin-jsx-a11y": "^6.2.1",
    "eslint-plugin-prettier": "^3.1.0",
    "eslint-plugin-react": "^7.13.0",
    "prettier": "^1.17.1",

И у меня есть следующее в .eslintrc.json (также в корне проекта). Это включает в себя некоторые пользовательские правила, которые я указал для своего проекта. 

{
    "extends": ["airbnb", "prettier", "prettier/react"],
    "plugins": ["react", "jest", "prettier"],
    "rules": {
        "react/jsx-filename-extension": [
            1,
            {
                "extensions": [".js", "jsx"]
            }
        ],
        "prettier/prettier": "error",
        "class-methods-use-this": 0,
        "no-else-return": 0,
        "no-plusplus": [2, { "allowForLoopAfterthoughts": true }],
        "no-param-reassign": 0,
        "no-use-before-define": ["error",  { "functions": false }],
        "import/no-named-as-default": 0

Мой основной вопрос: почему он показывает одинарные кавычки как ошибки?

Это связано с правилом где-то в моей конфигурации, о котором я не знаю? Я не смог правильно включить один из плагинов?

Я знаю, что некоторые правила могут требовать двойных кавычек в JSX, но это жалуется на двойные кавычки везде .

В настоящее время я не использую файлы .jsx.

Скриншоты:

example1

example2

Завершить проект на Github.

[Edit 6/3/19] Я мог бы найти некоторую информацию, но я все еще немного сбит с толку ... Читая документацию eslint-config-prettier , означает ли это, что двойные кавычки на самом деле по умолчанию? Но согласно официальным документам Prettier , одинарные кавычки должны быть по умолчанию, верно? Я читаю это правильно?

1 Ответ

0 голосов
/ 04 июня 2019

Это, я полагаю, фундаментальное недоразумение по умолчанию Преттиера; он хочет хотеть двойные кавычки, а не одиночные, но я неверно истолковал это как противоположность.

...