在 ReactJs 中将警告视为错误

Question

如何使我的 reactjs 项目中的警告输出显示为错误？类似于-Werror在 gcc 或 cc 编译器中使用标志。

我想要一种行为，而不是记录器日志记录

编译时带有警告。

这里有一些警告

宁可登录

编译出错。

这里的一些警告被视为错误

或者，在警告解决之前甚至不编译。

Answer 1

我认为你应该使用像 ESLint 这样的 Linting 工具，这样你就可以在不执行 JavaScript 代码的情况下发现它的问题。它有一个 React ESLint-plugin-React 插件。

您可以像这样启用您想要使用的规则，并使警告显示为错误。

"rules": {
  "react/jsx-uses-react": "error",
  "react/jsx-uses-vars": "error",
}

或者使用所有规则。

查看此博客文章了解设置详细信息。