如何在 Parcel React 扩展中获取 React 警告

Question

我有一个使用 Parcel 和 React 构建的 Chrome 扩展，但是当我检查弹出窗口时我没有收到警告（例如缺少 useEffect 依赖项）。我如何获得这些警告？

Answer 1

缺少 useEffect 依赖项警告由 eslint through this plugin. Parcel won't run eslint for you unless you set it up through the @parcel/validator-eslint plugin. I provided instructions on how to do that in this answer 提供。

另一种选择是在命令行中使用 eslint-watch (npm) 与 parcel 分开，因此您的 package.json 中有两个单独的脚本，它们可能如下所示:

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

要获得 React hooks 警告，您需要使用 eslint-plugin-react-hooks，首先安装它（例如 yarn add eslint-plugin-react-hooks --dev），然后将其添加到您的 .eslintrc.json:

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

如何在 Parcel React 扩展中获取 React 警告

How to get React warnings in Parcel React extension

reactjs

parceljs