Расширение eslint настроено как средство форматирования, но не может форматировать файлы JavaScript.

Question

Расширение eslint настроено как средство форматирования, но не может форматировать файлы JavaScript.

У меня периодически возникают проблемы с ESLint в VS Code. При сохранении файла вместо форматирования в строке состояния отображается следующее сообщение:

Судя по всему, об этом сообщении в Google никто никогда не сообщал.

Когда я говорю, что он прерывистый, он работал нормально, затем компьютер (MBP) разбился, и при перезапуске такая ситуация. Это уже случалось раньше, но я не помню, что я сделал, чтобы это исправить.

Приложение представляет собой довольно сложное приложение на основе Vue, основанное на предварительно настроенном шаблоне. В package.json:

          "@vue/cli-plugin-eslint": "^4.5.13",

    "babel-eslint": "^10.1.0",
    "eslint": "^7.31.0",
    "eslint-plugin-import": "^2.23.4",
    "eslint-plugin-vue": "^7.14.0",

В файле рабочей области VS Code:

              "editor.codeLens": true,
        "eslint.format.enable": true,
        "editor.codeActionsOnSave": {
          "source.fixAll.eslint": true,
        },
        "[javascript]": {
            "editor.defaultFormatter": "dbaeumer.vscode-eslint"
        },
        "[vue]": {
            "editor.defaultFormatter": "dbaeumer.vscode-eslint"
        },
        "eslint.validate": [
            "javascript"
        ],
        "debug.javascript.usePreview": true,
        "debug.javascript.usePreviewAutoAttach": true,
        "[jsonc]": {
            "editor.defaultFormatter": "dbaeumer.vscode-eslint"
        },

Я действительно не уверен, как продолжить, чтобы понять, почему vscode-eslint сообщает, что он не может форматировать файлы JavaScript.

РЕДАКТИРОВАТЬ

Этот вопрос, касающийся TypeScript, дает некоторые подсказки. Похоже, эта ошибка может возникнуть, когда сервер ESLint перезагружается или хост расширения находится в большой нагрузке.

В моем проекте сейчас большинство файлов форматируются нормально, хотя один постоянно дает сбой. Этот файл называется eslint.jsи является частью процесса сборки, выполняя eslint - я не совсем понимаю конфигурацию. Я подозреваю, что сохранение этого файла каким-то образом вызывает запуск / перезагрузку eslint, и пока это происходит, eslint-vscode пытается также запустить его и терпит неудачу.

53

javascript visual-studio-code eslint code-formatting vscode-eslint

Источник

user263268 28 окт '21 в 07:23

11 ответов

Другие вопросы по тегам javascript visual-studio-code eslint code-formatting vscode-eslint

user9138651 15 апр '22 в 13:00 2022-04-15 13:00 · Answer 1 · 2022-04-15 13:00

Я боролся с этим некоторое время, оказывается, вам нужно отправиться в Settings, под Userперейти к Extensions > ESLint, прокрутите вниз до Format:Enableи включить ESLintкак форматер.

Настройки:

51

Источник

user9138651 15 апр '22 в 13:00

user2556034 23 апр '22 в 13:23 2022-04-23 13:23 · Answer 2 · 2022-04-23 13:23

Это может произойти по разным причинам. Выходные журналы eslint расскажут вам о проблеме.

В моем случае поле настроек configFileбыл изменен на overrideConfigFile

31

Источник

user2556034 23 апр '22 в 13:23

user1374576 30 окт '21 в 04:27 2021-10-30 04:27 · Answer 3 · 2021-10-30 04:27

На самом деле я столкнулся с той же проблемой, и мне нужно было только удалить файл, который содержал только эту строку:

      .eslintrc.js

Вы также можете просто прокомментировать эту строку.

Надеюсь, это поможет :)

6

Источник

user1374576 30 окт '21 в 04:27

user5670204 17 янв '23 в 15:27 2023-01-17 15:27 · Answer 4 · 2023-01-17 15:27

Что сработало для меня:

      rm -rf node_modules
npm cache clean --force
npm install

Закройте VScode, а затем снова откройте

4

Источник

user5670204 17 янв '23 в 15:27

user3083470 20 апр '22 в 11:59 2022-04-20 11:59 · Answer 5 · 2022-04-20 11:59

В моем случае это было даже проще, чем другие ответы здесь: я забыл создать файл для этого проекта. Так бежит починил это. Копирование файла из другого проекта также будет работать.

Надеюсь, это поможет кому-то вроде меня найти эту ошибку и перейти к этому вопросу.

user14170520 30 май '22 в 06:37 2022-05-30 06:37 · Answer 6 · 2022-05-30 06:37

В моем случае это связано с тем, что установленная версия eslint слишком старая. Похоже, какая-то старая версия просто не умеет форматировать javascript.

2

Источник

user14170520 30 май '22 в 06:37

user5749875 04 дек '21 в 05:46 2021-12-04 05:46 · Answer 7 · 2021-12-04 05:46

Мне казалось, что StandardJS пытается собрать все в моем node_modulesпапка. Ошибка исчезла, и линтинг снова начал работать после добавления standard.ignoreсобственность для моего package.json:

      {
  "name": "foo",
  "devDependencies": {
    "eslint": "^7.32.0",
    "standard": "^16.0.4"
  },
  "dependencies": {
    // stuff...
  },
  "standard": {
    "ignore": [
      "**/node_modules/**"
    ]
  }
}

Не знаю, почему это поведение не произошло автоматически...

user5798934 09 янв '23 в 15:25 2023-01-09 15:25 · Answer 8 · 2023-01-09 15:25

Отключить расширение ESLint
Перезагрузить окно
Включить расширение ESLint
Делатьnpm i eslint -g, также установите ESLint в проект, используяnpm i eslint -D
Убедитесь, что VSCodesettings.jsonне имеет другого средства форматирования по умолчанию для JavaScript

      {
  "eslint.enable": true,
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
  "editor.formatOnType": true,
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
  }
}

Перезагрузить окно

Это сработало для меня

antoine 12 июн '23 в 11:16 2023-06-12 11:16 · Answer 9 · 2023-06-12 11:16

для меня это произошло потому, что в файле .eslintrc была ошибка внутри, у меня была кома в конце строки в JSON, из-за которой файл был нечитаемым. проверьте журнал eslint, возможно, он укажет на проблему

0

Источник

antoine 12 июн '23 в 11:16

user2689375 04 окт '23 в 07:48 2023-10-04 07:48 · Answer 10 · 2023-10-04 07:48

Я отредактировал свой пользовательский файл settings.json. Добавил это.

      "editor.codeActionsOnSave": {
    "source.fixAll.eslint":true 
},

-2

Источник

user2689375 04 окт '23 в 07:48

user13632557 05 окт '23 в 12:03 2023-10-05 12:03 · Answer 11 · 2023-10-05 12:03

добавьте эти строки в свой файл settings.json

        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": true,
            "source.addMissingImports": true
        },

-2

Источник

user13632557 05 окт '23 в 12:03