next.js 相关问题

Next.js是服务器呈现的React应用程序的简约框架。

如何让用户可以设置自己的域以编程方式重定向到我的服务器？

我正在构建一个网络构建器。目前，用户可以创建一个静态页面并使用我们的子域来访问该页面，例如mysite.site.domain.com。我有一个计划允许用户使用自己的域名...

ubuntu nginx next.js dns webserver

回答 1 投票 0

react-redux 无法识别提供程序 - NextJS RTK Typescript

我正在尝试将 Redux RTK 集成到我的 Next JS 13.4 应用程序中。我按照一些教程来做到这一点，但在我的provider.ts文件中一次又一次地遇到相同的错误 “使用客户端” 从 './... 导入 { store }

reactjs typescript redux next.js

回答 2 投票 0

如何在 Next-Auth v5.0.0-beta.5 中使用凭据时返回自定义错误

请我目前正在使用 [email protected] 来处理我的 nextJs 应用程序中的用户身份验证。我希望能够在使用时用户身份验证失败时向客户端发送自定义错误

reactjs next.js next-auth app-router

回答 1 投票 0

当另一个网站使用我的 Next.js 页面作为包装器时，如何防止水合错误？

我正在使用名为 IDX Broker 的（对我来说是新的）服务为房地产客户创建一个网站。他们的服务工作方式是从我的网站（例如 example.com/listings）获取页面并使用...

reactjs next.js idx idxbroker

回答 1 投票 0

Post请求服务器端Next Js

我对react和下一个js还很陌生，我可以很好地执行服务器端获取请求，这非常简单。我只是想知道如何在 NextJs 服务器端执行对外部 api 的 post 请求，因为...

reactjs next.js server-side-rendering

回答 1 投票 0

Next.js 从 API 路由重定向

我正在构建一个需要用户登录的后台应用程序。我有 2 个外部 API： API A：管理用户帐户和会话 API B ：在另一个数据库上执行 CRUD 操作（与

javascript axios next.js

回答 5 投票 0

无法使用应用程序路由器在下一个js 14的lib文件夹中获取我的环境变量

我正在使用 next js 14 应用程序路由器，而不是使用 src 目录...我面临的问题是我的 .env 文件位于根目录中，我想访问 lib 文件夹中的环境变量。 ..

azure next.js environment-variables

回答 1 投票 0

在 Next.JS 14 中我正在生成静态生成。但是 CSS 不起作用

我能够从 Next.js 生成静态 html 文件，但问题是静态生成后 CSS 不起作用。但在开发过程中，所有 CSS 都工作正常。我也在使用打字稿...

next.js

回答 1 投票 0

如何在 Next.js 中结合 NextAuth(v5) 和 Next-Intl 中间件（应用程序路由）

我正在开发一个 Next.js 应用程序，该应用程序使用 NextAuth(v5) 进行身份验证，使用 Next-Intl 进行国际化。我需要将这些功能无缝地结合起来。这是我尝试过的...

next.js next-auth next-intl

回答 1 投票 0

Next js Loader 仅显示页面加载时间，但不显示服务器端渲染组件的页面/导航更改

服务端渲染页面：导出默认异步函数页面({ 搜索参数 }) { const order = wait getData(searchParams.page); 返回（服务端渲染页面： export default async function page({ searchParams }) { const orders = await getData(searchParams.page); return ( <main className="flex min-h-screen flex-col items-center justify-between p-24"> <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex"> <CTable data= {orders}/> </div> <Pagi pages={10}/> </main> ) } 分页客户端组件代码： "use client" import { useState } from "react"; import { useEffect } from "react"; import { useRouter } from 'next/navigation'; import {Pagination, PaginationItem, PaginationCursor} from "@nextui-org/react"; export default function Pagi({pages}) { const [page, setPage] = useState(1); const router = useRouter(); useEffect(() => { router.push("/orders?page="+page); },[page]); return ( <Pagination isCompact showControls showShadow color="primary" page={page} total={pages} onChange={(page) => setPage(page)} /> ); } 文件夹结构： ....... orders --loading.js -- page.js 当我更改分页时，加载程序未显示。我对 api 后端使用了 sleep 10 秒，但它等待 10 秒但不显示只是等待。删除使用状态挂钩，并将其设为服务器组件。然后，搜索参数将作为 props 传入，假设您至少使用 Next v13，然后将该 onChange 方法更改为导航方法。如果您使用分页库，我几乎肯定它们会允许您自己设置按钮 href，如果您在没有库的情况下执行此操作，只需将这些按钮更改为 Next Links。那会是这样的： export default function Pagi({searchParams:{page = 1}}) { return ( <Pagination isCompact showControls showShadow color="primary" page={page} total={pages} onChange={(page) => { /// NOTE: replace this with href on each button. You'll have to look at the docs for @next-ui/org to figure out exactly what property that would involve, but it's not `onChange`. window.location.href = `/yourPage?page=${page}` }} /> ); }

next.js

回答 1 投票 0

当我尝试设置 Next.js 应用程序时，它向我显示 NPM ERR

当尝试使用 npx create-next-app@latest 设置新应用程序时，它向我显示错误： npm 错误！代码 EJSONPARSE npm 错误！路径 C:\Users\user\AppData\Local pm-缓存\_np

node.js npm next.js next.js13 npx

回答 0 投票 0

首页加载时的悬念回退 SSR NextJs 14 在 Safari 上不起作用（在 Chrome 上有效）

拥有简单的页面，其中包含简单的子组件，例如：从“react”导入{Suspense}；异步函数 BlogPosts() { 让 res =等待 fetch("https://httpbin.org/delay/5&qu...

reactjs next.js safari server-side-rendering react-suspense

回答 1 投票 0

MUI TablePagination 组件导致 Next.js 13 中出现水合错误

使用 MUI TablePagination 组件时，我在 Next.js 13 中遇到水合错误。错误看起来像这样错误：水合失败，因为初始 UI 与渲染的内容不匹配...