问题标签 [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 投票
0 回答
133 浏览

next.js - 在 Vercel 上部署 NEXT.js 应用程序时,我应该如何防止 ECONNREFUSED 错误?

我正在尝试部署一个个人投资组合应用程序,该应用程序利用内部 API 端点来查询数据库。在部署期间,我收到以下错误: FetchError: request to http://localhost:3000/api/projects/all failed, reason: connect ECONNREFUSED 127.0.0.1:3000

该应用程序在本地会话期间运行良好,但经过一些研究,我意识到在 getStaticProps 中使用 fetch 是不正确的。但是,我无法提出解决方案。我应该忘记端点并从 getStaticProps 中查询数据库,还是应该更新 URL 以反映 Vercel 提供的 URL?我整天都在转圈,并会感谢任何提示,谢谢!

// index.js:

//api/项目/全部

0 投票
0 回答
117 浏览

reactjs - 在 getStaticProps Next.js 中出现 TLS 错误

我正在使用Next.js (npm run dev)在组织的代理下处理项目

使用axios处理请求

客户端的所有请求都运行良好,但在 getStaticProps axios 请求函数中出现错误

“在建立安全 TLS 连接之前,客户端网络套接字已断开”

获取静态道具

取器

在代理之外(在自己的 PC 上测试)一切正常

我已经尝试过但没有帮助:

  1. 添加NODE_TLS_REJECT_UNAUTHORIZED=0.env.local

  2. 试图在 axios 配置中设置它

0 投票
0 回答
64 浏览

javascript - undefined getStaticProps 在不存在的页面上导致构建失败

我正在从 cms 获取页面数据,到目前为止,我的页面/帖子中只有一页。

这将正确显示 post.title,但如果我直接使用

我收到构建错误: 发布未定义

下一步是否尝试在没有数据的情况下使用模板构建页面?当构建成功时,我在 /posts 中只有一条路线。

0 投票
0 回答
80 浏览

reactjs - 如何从 next.js 中的自定义 App 组件中读取文件

我需要读取 _app 组件中的文件并将其内容通过提供程序传递以使其可用于整个应用程序。

该项目antd用于组件和emotions样式。由于antd用于less样式,我们想在单个less文件中声明全局变量,然后使用less-vars-to-jsconvert 并通过共享它emotion's ThemeProvider以在整个应用程序中使用它们。也想分享 antd 深浅主题的动感主题切换。

在 next.js 中,我们可以读取 中的文件getStaticProps,但这不能在_app组件中使用,而且getInitialProps似乎也不适用于此。

有什么办法可以做到这一点?

谢谢!

0 投票
0 回答
45 浏览

next.js - Nextjs,包罗万象,静态生成和重定向

我有一个使用 nextjs 10.1 的网站

我正在使用 SSG 和一个包罗万象的策略,即在 /pages 下,我有

在我的 index.tsx 我有

在我的无头 cms(primic)中,保存了 slug 历史记录(这非常有用),然后多个 slug 引导到同一个页面,因为我还参数化了 fall 截至今天,为这些多个版本呈现了正确的规范标签,带有链接到在 prismic 上参数化的最后一个 slug。

我更喜欢301。

如何从我的 getStaticProps 创建一个 301,或者我如何构建我的 /pages/[catchall] 以便我有 301 从旧的蛞蝓到新的蛞蝓?

非常感谢您的帮助!

0 投票
0 回答
1403 浏览

javascript - 获取“TypeError:无法使用 Nextjs 读取未定义的属性“替换”

我正在学习 Nextjs。尝试从动态页面中的 firestore 获取数据时出现此错误 ~“[].js”。

replace 是一种用于转换下面使用的 EventLogistics 组件中的地址属性的方法。

在 api-util.js 中。我有几个辅助函数来获取数据。下面是代码。好心的帮助

下面是 EventLogistics 组件的代码,其中在收到的道具上使用了 replace 方法

蒂亚!

0 投票
1 回答
1179 浏览

reactjs - Next.js ISR 页面在 CMS 中删除后未删除

我正在尝试 Next.js 并构建一个小应用程序,该应用程序从安装了 GraphQL 的无头 WordPress 应用程序中获取帖子。然后我使用 Apollo/Client 来获取 GraphQL 内容:

阿波罗客户端.js

在索引中,我抓住了帖子:

index.js

然后对于单个帖子页面:

/blog/[slug].js

添加新帖子时它可以工作,一旦我删除它,它就不会被删除。这发生在做npm run devnpm run build然后npm start

我可能在 ISR 和重新验证的工作方式上遇到了问题。或者我的代码中可能遗漏了什么?任何帮助,将不胜感激。

- 编辑 -

同时,在 Stackoverflow 和 Next.js github 存储库上还有几个线程,与我正在经历的有关。相关页面:

Next.js 不删除 CMS 中删除的动态页面

https://github.com/vercel/next.js/issues/25470

Next.js ISR 页面在 CMS 中删除后未删除

如何清除 NextJs GetStaticPaths 缓存/“取消发布”动态路由?

https://github.com/vercel/next.js/discussions/18967

0 投票
0 回答
49 浏览

firebase - 尝试使用 NextJS 上的 getStaticProps 从 Firebase 获取数据时出现错误 XMLHttpRequest is not defined

所以,我试图获取我的数据库的 videoPaths,并得到那个错误,这就是代码,我在 stackoverflow 的另一篇文章中得到它

0 投票
0 回答
60 浏览

next.js - NextJS 标头 - 内容丰富的数据

我想在我的标题菜单“学习”中显示“最近的文章”,但由于我使用的是 NextJS,所以我不能在自定义组件中使用 getStaticProps。如何将 GraphQL 查询从文章页面传递到自定义组件?

谁能帮我举一个在页面上使用 getStaticProps 并将其传递给自定义组件的示例?

这是我的articles.jsx 文件的getStaticProps 部分,顶部有导入:

这是来自上述导入的 recentArticles 查询:

如开头所述,如果我在文章页面中使用它,它会起作用,但我想在我的标题中使用它。

这是我的标题自定义组件中的“学习”菜单的简化版本:

如何从articles.jsx 文件中将数据引入我的自定义标头组件?

0 投票
0 回答
56 浏览

post - 如何在 Post 请求中使用 getStaticProps 或 getserversideProps?

我正在使用 Post 请求从后端获取数据。我正在使用 getInitialProps 来渲染数据,但是当我知道不再推荐使用 getInitialProps 时。我想用vercel推荐的方法之一替换getInitialProps。我成功地将 getStaticprops 用于所有获取请求。但是还有一些发布请求,例如显示相关博客和显示带有标签和类别的博客仍然存在。

打击代码用于从后端获取数据:

listAllBlogsWithTagsAndCategories:

提前致谢。