哨兵未定义

Question

我通过观看 JSMastery 的教程，使用 nextjs 创建了一个作品集网站。我们在应用程序中配置了哨兵，以便用户可以报告错误。然而，它在本地运行得很好，也可以部署在 vercel 上。但是，一旦我打开实时网址并且应用程序开始加载，就会突然出现错误并且应用程序崩溃。错误表明哨兵未定义。

屏幕上出现错误： 应用程序错误：发生客户端异常（有关更多信息，请参阅浏览器控制台）。

这是控制台上显示的内容：

137-b94d377c6996f85c.js:446 TypeError: Cannot read properties of undefined (reading 'sentry')
    at 396-c590d500d7afd897.js:1:5927
    at Array.reduce (<anonymous>)
    at X (396-c590d500d7afd897.js:1:5912)
    at n (396-c590d500d7afd897.js:1:15030)
    at 396-c590d500d7afd897.js:1:151080
    at oM (396-c590d500d7afd897.js:1:154196)
    at oT (396-c590d500d7afd897.js:1:150126)
    at 396-c590d500d7afd897.js:1:149932
    at o_ (396-c590d500d7afd897.js:1:149940)
    at og (396-c590d500d7afd897.js:1:146805)
    at ov (396-c590d500d7afd897.js:1:145377)
    at P (396-c590d500d7afd897.js:1:177411)

Answer 1

您能否确保您已按照 Sentry 文档设置了 NextJS SDK？与客户端和服务器配置文件。您是否将 Sentry DSN 映射到环境变量？如果是，在 vercel 中，您需要确保使用 NEXT_PUBLIC_SENTRY_DSN，并使用正确的前缀以允许浏览器中使用该变量