如何隐藏 ESlint/webpack 的 HMR 错误覆盖答案

【问题标题】：How to hide ESlint/webpack's HMR error overlay如何隐藏 ESlint/webpack 的 HMR 错误覆盖
【发布时间】：2021-09-25 10:14:44
【问题描述】：

在我运行 npm run dev nuxt 构建应用程序并显示它之后，一个部分透明的全视口模式显示在应用程序顶部（在浏览器中），列出了非常“有用”的一堆 eslint错误。

我想保留在终端中打印的错误，但不显示在我正在处理的页面顶部。

这可以实现吗？怎么做？

【问题讨论】：

标签： nuxt.js eslint

【解决方案1】：

如果我们谈论的是同一件事（下图），这应该归功于这个全局应用的 CSS

#webpack-hot-middleware-clientOverlay {
  display: none;
}

您是在谈论代码下的曲线吗？这可以通过这个 IMO 解决：https://stackoverflow.com/a/48610661/8816585

settings.json（VScode 的调色板 + Preferences: Open Settings (JSON)）

{
  "workbench.colorCustomizations": {
    "editorError.foreground": "#00000000",
    "editorWarning.foreground": "#00000000",
    "editorInfo.foreground": "#00000000"
  }
}

【讨论】：

不，不，我的意思是在浏览器中呈现的页面上显示的模式
哈哈，非常感谢！我没想到会出现这种解决方案，但它确实有效，对我来说已经足够好了。 :D
@Eggon 框架中可能没有任何内容，但这已经足够好了！