问题标签 [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.
next.js - NextJS 路由错误,换页时,试图打开错误的文件
我想要的是
我想更改页面而不考虑我正在尝试打开另一个页面。
问题
我有这个奇怪的路由问题。一、我的文件夹结构
我在这条路径上/[app]
并导航到/[app]/manager
然后我想导航到/[app]/feed
并且我得到这个Unhandled Runtime Error。
此错误来自[object] index.js
. 堆栈跟踪如下。当然,它无法读取标题是有道理的,因为我正在尝试打开另一个页面。然而它认为我正在尝试打开[object]
. 这个错误不时发生,但我尝试打开页面的顺序无关紧要,它可以是经理提供或提供给经理,或者我那里有其他任何东西。我的getStaticPaths
和getStaticProps
在所有这些页面上都是相同的,我将分享一个用于manager.js
.
再次相同,但对于[object]
:
这个错误很难重现,因为它只是不时发生。
新编辑
这是完整的文件[object]/index.js
堆栈跟踪:
25.06.2021
所以我安慰从ObjectPage
和 为每个NavigationItem
. 我注意到了一些奇怪的事情。
这是我传递给 teh 的 href <Link>
:
这是我要重新使用的完整路由器ObjectPage
。
在query
你可以看到object
被注入。但我不知道从哪里以及为什么。
next.js - Next.js withPageAuthRequired 和 getStaticProps
根据文档@auth0/nextjs-auth0,我们可以withPageAuthRequired
在需要登录的页面上使用触发登录屏幕。
短变体:export const getServerSideProps = withPageAuthRequired();
但是,如果我需要getStaticProps
在构建时用于预渲染页面而不能与 getServerSideProps 一起使用,该怎么办?有什么方法可以withPageAuthRequired
根据请求使用静态生成的页面吗?
现在我在客户端使用双重检查来检查身份验证。但我宁愿使用服务器端检查,就像我在其他页面上使用的那样。
PS也有withPageAuthRequired
在客户端使用的方法。这不适合我使用
javascript - Next Js-getStaticProps 在一个特定的服务器上不起作用。你知道原因吗?
我在两台服务器上测试了这段代码,并尝试让它在两台服务器上都运行。在一台服务器上,另一台服务器上没有问题,getStaticProps 甚至没有发生任何问题:
console.log('cards')
所以我看到有人使用 getInitialProps 但它是推荐的。还有其他选择吗?我在一台服务器上销毁了什么,这样就不会再次发生?
如果有人想阅读代码
reactjs - 与 getStaticPaths 一起使用的 getStaticProps 不会根据参数更新动态路由的数据
我有带有 URL 的页面,例如/how-it-works/[id]
which usegetStaticProps
和getStaticPaths
. 当我导航到具有不同id
. 数据(来自getStaticProps
)未更新。它保留为第一次访问此路由时的数据。如果我刷新页面,数据会更新,但是当我尝试使用链接导航时再次出现错误。
id
我正在通过ctx.params
in访问数据getStaticPaths
。
该问题仅在升级到 NextJS 11 后才开始。这之前工作正常。
我next/link
用于导航。
next.js - Nextjs 构建错误:导出在以下路径 /users/[userid] 上遇到错误
我创建了一个 nextjs 应用程序,我正在从部署在 netlify 上的快速服务器获取数据。我创建了两个页面,第一个页面显示用户列表(我有具有 getServerSideProps() 函数的用户),第二个页面是当您单击用户时,您将被重定向到用户配置文件(我'已经通过 getStaticProps() 和 getStaticPaths() 函数获得了用户的数据)。
在本地主机上一切正常。
但是当我尝试在 Netlify 上部署应用程序时,我在构建它时遇到了这个错误:
> 晚上 11:24:20 发生构建错误:错误:导出在以下路径 /users/[userid] 上遇到错误
用户列表文件:
配置文件:
javascript - 错误:所需参数 (productId) 未在 getStaticPaths 中为 /products/[productId] 提供为字符串
我想展示来自 JSON 的 3 个产品。我正在尝试做一个 NextJS Web 应用程序。我只是在学习,当我复制教程时一切都是正确的,但我正在做自己的更改,并尝试创建不同的东西,但它不起作用。
谢谢大家!
在不同的路线与Link。这是我的 [productId].js 文件的最后一部分:
我从 Chrome 获取:错误:在 getStaticPaths 中未将必需参数 (productId) 作为字符串提供 /products/[productId]
javascript - 如何在 NextJS 中为 getStaticProps 获取自己的 API 路由?
它可以在本地主机中工作,但是在构建时抛出错误 我试图在 getStaticProps() 中编写逻辑但是( const res = await model.find(); const data = await res.json() )---> 它也会抛出那个 res .json() 不是函数
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
javascript - getStaticProps 不向 Next.JS 上的页面返回任何数据
我正在尝试从我的托管数据库中获取数据。数据库本身正在工作(我已经从 swagger 应用程序中检查过它),但是从 API 表单调用它时没有显示任何数据。
代码在 pages 文件夹中。我按照“netninja”在 youtube 上的教程进行操作,当我在他的代码上尝试它时,它可以工作。我在某处读到它不适用于组件,但我已经将它放在页面上,但它仍然没有返回任何内容。
有什么我可以做的吗?