Prettier / VSCode нарушает синтаксис

Я пытаюсь отформатировать файл js с красивее, но кажется, что красивее нарушает синтаксис кода. Я хочу добиться этого (ожидаемый результат), но появляются красные линии. При сохранении я получаю следующий результат. При запуске кода я получаю следующую ошибку TypeError: {} is not a function (изображение ошибки). Я пробовал следующее, но в моем случае ничего не работает.

  1. Почему я продолжаю получать Delete 'cr' [красивее / красивее] ?
  2. Код Visual Studio [eslint] Удалить 'CR' [красивее / prettier] в Windows

Я использую следующий .prettierrc.js

module.exports = {
  tabWidth: 2,
  bracketSpacing: true,
  endOfLine: "auto",
  jsxBracketSameLine: true,
  printWidth: 100,
  semi: false,
  singleQuote: false,
  trailingComma: "none"
}

В моем файле .eslintrc.json у меня есть следующие правила, чтобы выглядеть красивее

"prettier/prettier": [
      "error",
      {
        "bracketSpacing": true,
        "endOfLine": "auto",
        "jsxBracketSameLine": true,
        "printWidth": 100,
        "semi": false,
        "singleQuote": false,
        "trailingComma": "none"
      }
    ],

Я попытался изменить LF на CRLF и наоборот, который отображается в нижней части vscode, но безуспешно. Что еще мне не хватает?


prettier prettier-eslint
person Gopal Dahale    schedule 18.07.2021    source источник
comment
stackoverflow.com/questions/66149802/   -  person Dpk    schedule 18.07.2021
comment
Спасибо. Это работает, но, на мой взгляд, это обходной путь, а не хорошая практика.   -  person Gopal Dahale    schedule 18.07.2021
comment
Тем не менее, ошибка сохраняется.   -  person Gopal Dahale    schedule 18.07.2021
comment
prettier следует всем передовым методам и соответствующим образом форматирует код, однако иногда пользователям нужен другой стиль форматирования, и в этом случае мы должны игнорировать некоторые блоки кодов.   -  person Dpk    schedule 18.07.2021