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

Question

在我运行 npm run dev nuxt 构建应用程序并显示它之后，一秒钟后，部分透明的全视口模态显示在应用程序顶部（在浏览器中） ) 列出非常 'helpfully' 一堆 eslint 错误。

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

这能实现吗？又如何？

Answer 1

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

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

您是在谈论代码下的波浪线吗？这可以用这个 IMO 解决：

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

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

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

How to hide ESlint/webpack's HMR error overlay

eslint

nuxt.js