如何在Next.js应用中使用Google Analytics？
我正在使用styled-components和next.js，因此我的样式需要在服务器端呈现。那么，如何将Google Analytics添加到我的网站中？ 我查看了next.js的谷歌分析示例，但正如我所说，由于使用了styled-components，我的_document文件不同。//...
为什么我的NextJS代码会运行多次，如何避免这种情况？
我一直在尝试连接我的Web应用程序的前端和后端，但出现了一个问题：当用户创建帐户时，数据库中会创建多个该用户的对象。我使用 console.log 并发现我的 NextJS 代码正在重复执行。我找到了这篇略微相关的帖子：React 中组件函数运行多次的问题，但它涉及已通过 null/undef...
获取当前浏览器URL的getServerSideProps方法
我正在调用 getServerSideProps 方法，并像这样传递 req 和 res 参数： export async function getServerSideProps({ req, res }) {} 我需要获取当前浏览器的URL路径，但在请求对象中找不到它。 在getSer...
Next.js中React组件的getInitialProps方法未绑定props。
在Next.js中，您可以在React组件中使用一个生命周期方法，该方法绑定到首次加载时的服务器端渲染。我尝试按ZEIT教程（或他们的Github）中所述的方式使用此函数，但是this.props似乎无法获取函数返回的JSON。当我单击组件时，控制台会打印出一个空对象。 import Rea...
如何构建Next.js生产环境？
我试图在我的服务器上运行一个next.js的生产版本，但是当我尝试构建next.js的生产版本时，我无法成功构建。 npm run build 有人知道如何正确地获取next.js的生产版本吗？我按照next.js文档中的所有步骤进行了操作，但总是出现以下错误。如果我进行开发版本的构建...
当它为空时，无法解构'useReduxContext（...）'的'store'属性。
我正在使用 NextJs 13 和 redux toolkit。 当我尝试运行 npm run build 命令时，会出现以下错误：Cannot destructure property 'store' of 'useReduxContext(...)' as it is null. 我认...
如何修改资产、图片等的基础路径
我需要我的应用程序在主域名的子文件夹中正常工作。精确地说这里。 起初，我遇到了许多脚本、CSS和图像无法加载的错误。 我在next.config.js中添加了以下内容： basePath: "/out", 现在脚本和css在导出时运作良好，它们的路径中有“/out/”。 但是文件路径...
原因：`object`（"[object Date]"）无法被序列化为 JSON。请只返回可被序列化为 JSON 的数据类型。
我正在使用Prisma和Next.js。当我尝试在getStaticProps中从Prisma检索内容时，它确实获取了数据，但我无法将其传递给主组件。 export const getStaticProps = async () => { const prisma = new Pr...
虽然文件可访问，但"Lighthouse无法下载robots.txt文件"
我有一个在http://www.schandillia.com运行的NodeJS/NextJS应用程序。该项目具有在http://www.schandillia.com/robots.txt访问的robots.txt文件。目前，该文件只是为测试目的而设置了基本内容。 User-agent: ...
Next.js 和 MongoDB Atlas - 收到 "已超过配置限制的连接数80％" 警报。
我看到了很多有关MongoDB Atlas的警报的帖子和文章（“连接%的配置限制已超过80”），但是无法弄清在我的Next.js应用程序中如何解决它。 我在处理程序函数外创建了我的数据库连接。我使用了一个名为withDatabase.js的中间件: const client = new M...