Как получить предупреждения React в расширении Parcel React

У меня есть расширение Chrome, созданное с помощью Parcel и React, но я не получаю предупреждений (например, об отсутствующих зависимостях useEffect) при проверке всплывающего окна. Как получить эти предупреждения?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
24
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Предупреждения об отсутствующих useEffect зависимостях предоставляются от эслинт до этот плагин. Parcel не запустит eslint, если вы не настроите его через плагин @parcel/validator-eslint. Я предоставил инструкции о том, как это сделать в этот ответ.

Другой вариант — использовать eslint-watch (нпм) из командной строки отдельно от посылки, чтобы у вас было два отдельных скрипта в package.json, которые могли бы выглядеть так:

{
   "scripts": {
      "start": "parcel src/index.html"
      "lint": "esw --watch src/**/*.js"
   }
}

Чтобы получать предупреждения об хуках реакции, вам нужно использовать eslint-plugin-react-hooks, сначала установив его (например, yarn add eslint-plugin-react-hooks --dev), а затем добавив это в свой .eslintrc.json:

{
  "extends": [
    // ...
    "plugin:react-hooks/recommended"
  ]
}

Другие вопросы по теме

Похожие вопросы

Почему реактивный компонент разбиения на страницы mui вызывает ошибку выполнения «createElement» в «Документе»: предоставленное имя тега («/.js») не является допустимым именем. ошибка?
Изображения не загружаются в ответ во время цикла даже после использования require
Ошибка: объекты недействительны в качестве дочернего элемента React — место ошибки?
Как я могу выбрать вариант из выбора, когда я нажимаю кнопку с помощью React?
Создание новой темы с помощью Material-ui версии 5 с версией реакции 18.01 — ошибка при использовании «@mui/styles»
Получить реквизиты useLocation из Route: Uncaught TypeError: невозможно прочитать свойства null (чтение «isNew»)
Uncaught TypeError: невозможно прочитать свойства null (чтение «оригинала»)
Вычислить итог из массива в localStorage
Как добавить новый объект json в массив, элементы которого будут отображаться как компоненты на странице?
Изменение формата вывода на сегодняшний день в Ion Range Ionic 5