我想在Nextjs中隐藏错误覆盖

Question

我正在使用 Next.js 开发 solana NFT 市场。
我想隐藏错误覆盖，如下图所示。
[1]：
怎么办？

Answer 1

添加到 global.css 有帮助：

nextjs-portal {
  display: none;
}

来源https://github.com/vercel/next.js/discussions/13387#discussioncomment-5694715

Answer 2

@Alan Svits 提供的解决方案并不好。弹出窗口出现时将添加内联样式

overflow: hidden

和

padding-right: 15px

。如果您看不到弹出窗口，您将陷入溢出隐藏状态，因为您无法关闭它。

通常您应该能够关闭弹出窗口，并且隐藏的溢出将会消失。

我知道我会因此收到反对票，但是...如果您不想出现 Nextjs 错误弹出窗口，请解决您的代码问题，尤其是常见的水合问题。

Answer 3

错误叠加显示在

dev

模式下，您可能不希望隐藏它以查看错误和堆栈跟踪。

部署到 prod 等更高环境时，请使用

next build

并遵循 部署指南。

但是，如果您有其他原因隐藏错误，其他人已经尝试过并取得了部分成功 - 参见此处