Решение ошибки ESLint: 'const' зарезервировано. Подробный гайд

Быстрый ответ

Чтобы устранить ошибку "Ошибка разбора: Ключевое слово 'const' является зарезервированным" в ESLint, выполните следующие шаги:

1. Обновите свой файл .eslintrc для использования синтаксиса ES6:

{
  "parserOptions": {
    "ecmaVersion": 2015
  }
}

2. Убедитесь, что ESLint поддерживает ES6. Если вы используете Babel, установите @babel/eslint-parser:

{
  "parser": "@babel/eslint-parser"
}

3. Проверьте версию Node.js, так как устаревшая версия может оказаться причиной проблем с поддержкой возможностей ES6.

Правильная настройка ESLint

Выберите файл .eslintrc для настройки ESLint. В нем необходимо указать использование стандартов современного JavaScript:

• Проверьте, установлена ли у вас версия ESLint не ниже v7.30.0, которая поддерживает ES6.
• Добавьте /* eslint-env es6 */ в начало ваших JavaScript-файлов, чтобы ESLint знал о вашем использовании ES6.
• Задайте ecmaVersion как "latest" в parserOptions, чтобы включить поддержку последних возможностей ECMAScript.
• В разделе env укажите значение {"es6": true}, чтобы обеспечить доступ к глобальным объектам ES6, таким как Promise.
• Убедитесь, что пакеты eslint-plugin и eslint-config обновлены до последних версий.
• В Visual Studio Code настройте "eslint.options" в settings.json, чтобы поведение ESLint соответствовало вашим предпочтениям при написании кода.

Продвинутый уровень: Управление обновлениями и возможными проблемами

Обновления весьма важны, но иногда могут приводить к новым сложностям:

• Регулярно обновляйте npm-пакеты, чтобы избежать проблем с совместимостью.
• В случае возникновения проблем с использованием "latest" в ecmaVersion, установите её на 2017 или выберите другую версию, наиболее подходящую для вашего кода.

Использование /* eslint-disable */ целесообразно с некоторой осторожностью, так как это может скрывать реальные проблемы в коде.

Визуализация

Представьте ESLint как переводчика языков:

Когда ESLint работает со современным JS: 🛠️ (const, let, стрелочные функции) -> 💬 Всё понятно!

Когда ESLint сталкивается со старым синтаксисом: 🕓 Старый переводчик JS ⚙️ -> 💬 const? Это слово из будущего!

Таким образом, ESLint оказывается в замешательстве от const, словно это что-то, чему он еще не научился.

Тонкая настройка ESLint

ESLint позволяет точно настроить себя под любой стиль кодирования или проект:

• Для спецификации поведения ESLint, используйте дополнительные параметры parserOptions в .eslintrc.js.
• В Visual Studio Code, параметр "useEslintrc": false в settings.json дает возможность переопределить настройки .eslintrc.json для определенного проекта.
• Поместите конфигурационные комментарии ESLint в начало файла, чтобы гарантировать их применение ко всему содержимому.

Полезные материалы

1. Настройка ESLint
2. Понимание ECMAScript 6
3. const – JavaScript | MDN
4. Изучение ES2015
5. Babel REPL
6. Определение параметров парсера в ESLint
7. Установка Node.js через менеджер пакетов