@next/react-dev-overlay 的目的是什么？

Question

我正在做一个 NextJs 项目。其中，我在next.config.js里面找到了这段代码：

const withTM = require('next-transpile-modules')([
    'some package',
    'some package',
    'emittery',
    '@next/react-dev-overlay'
]);

我想知道这个@next/react-dev-overlay 的目的是什么，但在网上找不到任何东西。唯一的事情是在 nextjs github 问题中的this unanswered question。当我删除它时，该项目似乎按预期工作。我的问题是这个 @next/react-dev-overlay 包的目的是什么，我应该删除它吗？

Answer 1

@next/react-dev-overlay 包是 React 应用程序的仅开发覆盖。 Next.js 在内部使用它来显示您在开发中看到的错误消息。

这是在 Next.js 应用中发生客户端错误时错误覆盖的样子：

---

至于next.config.js为什么包含那个包，我只能猜测它是直接在那个应用程序中使用的，需要转译才能使用。大多数情况下，您不需要安装或直接使用它。