问题标签 [getstaticprops]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
385 浏览

next.js - NextJS 路由错误,换页时,试图打开错误的文件

我想要的是

我想更改页面而不考虑我正在尝试打开另一个页面。

问题

我有这个奇怪的路由问题。一、我的文件夹结构

我在这条路径上/[app]并导航到/[app]/manager然后我想导航到/[app]/feed并且我得到这个Unhandled Runtime Error

此错误来自[object] index.js. 堆栈跟踪如下。当然,它无法读取标题是有道理的,因为我正在尝试打开另一个页面。然而它认为我正在尝试打开[object]. 这个错误不时发生,但我尝试打开页面的顺序无关紧要,它可以是经理提供或提供给经理,或者我那里有其他任何东西。我的getStaticPathsgetStaticProps在所有这些页面上都是相同的,我将分享一个用于manager.js.

再次相同,但对于[object]

这个错误很难重现,因为它只是不时发生。


新编辑

这是完整的文件[object]/index.js

堆栈跟踪:


25.06.2021

所以我安慰从ObjectPage和 为每个NavigationItem. 我注意到了一些奇怪的事情。
这是我传递给 teh 的 href <Link>

这是我要重新使用的完整路由器ObjectPage

query你可以看到object被注入。但我不知道从哪里以及为什么。

0 投票
1 回答
1407 浏览

next.js - Next.js withPageAuthRequired 和 getStaticProps

根据文档@auth0/nextjs-auth0,我们可以withPageAuthRequired在需要登录的页面上使用触发登录屏幕。

短变体:export const getServerSideProps = withPageAuthRequired();

但是,如果我需要getStaticProps在构建时用于预渲染页面而不能与 getServerSideProps 一起使用,该怎么办?有什么方法可以withPageAuthRequired根据请求使用静态生成的页面吗?

现在我在客户端使用双重检查来检查身份验证。但我宁愿使用服务器端检查,就像我在其他页面上使用的那样。

PS也有withPageAuthRequired在客户端使用的方法。这不适合我使用

0 投票
1 回答
110 浏览

javascript - Next Js-getStaticProps 在一个特定的服务器上不起作用。你知道原因吗?

我在两台服务器上测试了这段代码,并尝试让它在两台服务器上都运行。在一台服务器上,另一台服务器上没有问题,getStaticProps 甚至没有发生任何问题: console.log('cards') 所以我看到有人使用 getInitialProps 但它是推荐的。还有其他选择吗?我在一台服务器上销毁了什么,这样就不会再次发生?

如果有人想阅读代码

0 投票
0 回答
41 浏览

reactjs - 与 getStaticPaths 一起使用的 getStaticProps 不会根据参数更新动态路由的数据

我有带有 URL 的页面,例如/how-it-works/[id]which usegetStaticPropsgetStaticPaths. 当我导航到具有不同id. 数据(来自getStaticProps)未更新。它保留为第一次访问此路由时的数据。如果我刷新页面,数据会更新,但是当我尝试使用链接导航时再次出现错误。

id我正在通过ctx.paramsin访问数据getStaticPaths

该问题仅在升级到 NextJS 11 后才开始。这之前工作正常。

next/link用于导航。

0 投票
0 回答
812 浏览

next.js - Nextjs 构建错误:导出在以下路径 /users/[userid] 上遇到错误

我创建了一个 nextjs 应用程序,我正在从部署在 netlify 上的快速服务器获取数据。我创建了两个页面,第一个页面显示用户列表(我有具有 getServerSideProps() 函数的用户),第二个页面是当您单击用户时,您将被重定向到用户配置文件(我'已经通过 getStaticProps() 和 getStaticPaths() 函数获得了用户的数据)。

在本地主机上一切正常。

但是当我尝试在 Netlify 上部署应用程序时,我在构建它时遇到了这个错误:

> 晚上 11:24:20 发生构建错误:错误:导出在以下路径 /users/[userid] 上遇到错误

用户列表文件:

配置文件:

0 投票
1 回答
496 浏览

javascript - 错误:所需参数 (productId) 未在 getStaticPaths 中为 /products/[productId] 提供为字符串

我想展示来自 JSON 的 3 个产品。我正在尝试做一个 NextJS Web 应用程序。我只是在学习,当我复制教程时一切都是正确的,但我正在做自己的更改,并尝试创建不同的东西,但它不起作用。

谢谢大家!

在不同的路线与Link。这是我的 [productId].js 文件的最后一部分:

我从 Chrome 获取:错误:在 getStaticPaths 中未将必需参数 (productId) 作为字符串提供 /products/[productId]

0 投票
0 回答
32 浏览

reactjs - 在 next js 上从 graphql 获取数据时,找到的数据未定义。我该如何解决这个问题?

在此处输入图像描述 在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

尽管我对 aboutmeMenu 和 footerMidMenus 和 resourceMenu 以相同的方式工作,但数据显示在 footerMidMenus 上,但在 about 和资源菜单上未定义。为什么会这样?我该如何解决这个问题?请帮忙....

0 投票
0 回答
36 浏览

javascript - 如何在 NextJS 中为 getStaticProps 获取自己的 API 路由?

它可以在本地主机中工作,但是在构建时抛出错误 我试图在 getStaticProps() 中编写逻辑但是( const res = await model.find(); const data = await res.json() )---> 它也会抛出那个 res .json() 不是函数

0 投票
1 回答
76 浏览

reactjs - How do i create a conditional loading message in react

I have a react code here i want to load data from an API but it's taking time to get the data, thus my function is failing How do i set it that it should wait for the data before rendering

0 投票
1 回答
292 浏览

javascript - getStaticProps 不向 Next.JS 上的页面返回任何数据

我正在尝试从我的托管数据库中获取数据。数据库本身正在工作(我已经从 swagger 应用程序中检查过它),但是从 API 表单调​​用它时没有显示任何数据。

代码在 pages 文件夹中。我按照“netninja”在 youtube 上的教程进行操作,当我在他的代码上尝试它时,它可以工作。我在某处读到它不适用于组件,但我已经将它放在页面上,但它仍然没有返回任何内容。

有什么我可以做的吗?