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

Для начала установите eslint, eslint-plugin-react,

npm i --save-dev eslint eslint-plugin-react

Затем создайте файл .eslintrc, используя следующее:

eslint --init

С помощью клавиш со стрелками выберите: Использовать популярное руководство по стилю - ›Стандартный -› JSON. Установите все необходимые дополнительные зависимости.

Будет создан eslintrc.json файл.

Добавьте в файл .eslintrc.json следующее:

{
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended"
  ],
  "rules": {
    "react/react-in-jsx-scope": "off"
  },
  "globals": {
    "React": "writable"
  }
}

Обратите внимание на «react / response-in-jsx-scope»: «off» в правилах и «React» в «globals». Без них вы получите ошибки, поскольку NextJs не требует, чтобы вы импортировали React в каждый компонент.

Надеюсь это поможет!

Примечание. Если вы используете код Visual Studio, а ESLint по-прежнему не работает, попробуйте обновить код Visual Studio.

Разверните свое приложение с персональным доменом за 10 минут менее чем за 10 долларов



Создайте веб-сайт Next.js с пользовательским доменом за 10 минут
В этом руководстве мы собираемся использовать create-next-app, Github, Netlify и namecheap для развернуть статический Next.js… joelmasters.medium.com