Eslint и Prettier в VSCode изменяют любое пространство в моем коде JSX на {''} в проекте React Native - PullRequest
0 голосов
/ 03 сентября 2018

Я разочарован этой проблемой, я установил eslint и prettier и сделал для них конфиг. но у меня была эта проблема. они меняют каждый пробел в моем коде на {''}

пример, прежде чем выкопать код

<Text style={styles.smallText}>
1 {base} = {rate} {quote} as of {moment(date).format('MMM DD, YYYY')}

после ворса

<Text style={styles.smallText}>
s 
{' '}

{base}
{' '}
=
{' '}
{rate} 
{' '}
{quote}
{' '}
as of
{' '}
{moment(date).format('MMM DD, YYYY')}
  </Text>

=======

моя конфиграция такая: 1- Запустите npm install -g eslint 2- запустить eslint --init 3- Выберите «Использовать руководство по популярному стилю». 4- Выберите "Airbnb" 5- Вы используете React? Y 6- В каком формате вы хотите, чтобы ваш конфигурационный файл был в? JSON

мой файл .eslintrc.json

    {
  "extends": "airbnb", // EXISTING
  "parser": "babel-eslint",
  "env": {
    "browser": true
  },
  "plugins": [
    "react"
  ],
  "rules": {
    "react/jsx-filename-extension": [
      2,
      {
        "extensions": [
          ".js",
          ".jsx"
        ]
      }
    ],
    "react/forbid-prop-types": [
      0
    ],
    "react/require-default-props": [
      0
    ],
    "global-require": [
      0
    ]
  }
}

7: добавлены эти скрипты в package.json

  "lint": "eslint app/",
  "lint:fix": "eslint app/ --fix"

8: добавил их в мои настройки VSCode

 {
  "prettier.eslintIntegration": true,
  "editor.formatOnSave": true
}

Я пробовал много исправлений, но не могу это исправить. спасибо

...