Next.js是服务器呈现的React应用程序的简约框架。
PrismaClientValidationError：无效的 `prisma.roomMember.create()` 调用
如果我尝试创建一个不包含 RoomMember 的房间，一切都会按预期进行。但是，当我尝试使用 createRoomAction 创建成员时，遇到以下错误消息：
我在使用新的 Next.js 实现 style jsx 全局属性时遇到问题。在之前的文件中，您需要将其添加到 _app.js 文件中，但由于它不再存在，我想...
我正在用这个撕扯我的头发。 我用 Next.js 14 制作了一个网站，在开发上一切都很好，构建然后启动在我的本地计算机上也很好用，但是当我把它放在服务器上时...... 一些
我实际上想循环显示视频，这也导致了视频无法在 iPhone 中自动启动的问题，所以我尝试仅在 iPhone 设备上使用 gif。但当有人点击时，gif 也会出现问题...
Supabase - 从supabase存储中检索图像url并在上传后将其保存到supabase表中
我正在使用supabase auth、数据库和表格创建博客文章，博主可以在其中发布博客。 该帖子包含帖子详细信息和最多 4 张图片。 我如何使用 uppy 上传此详细信息
希望大家度过愉快的一天！ 我想问一些事情，我使用 npx create-next-app@latest 使用 typescript 和 tailwind 作为 css 创建新项目，如下所示： 然后我得到了堆栈文件夹...
不明白为什么尽管我的 URL 路径是正确的，但我仍然收到 404 错误。 错误如下所示： 表单Schema.tsx：49 POST http://localhost:3000/pages/api 404（未找到） 应用程序...
我正在构建一个网络构建器。目前，用户可以创建一个静态页面并使用我们的子域来访问该页面，例如mysite.site.domain.com。 我有一个计划允许用户使用自己的域名...
react-redux 无法识别提供程序 - NextJS RTK Typescript
我正在尝试将 Redux RTK 集成到我的 Next JS 13.4 应用程序中。我按照一些教程来做到这一点，但在我的provider.ts文件中一次又一次地遇到相同的错误 “使用客户端” 从 './... 导入 { store }
如何在 Next-Auth v5.0.0-beta.5 中使用凭据时返回自定义错误
请我目前正在使用 [email protected] 来处理我的 nextJs 应用程序中的用户身份验证。我希望能够在使用时用户身份验证失败时向客户端发送自定义错误
当另一个网站使用我的 Next.js 页面作为包装器时，如何防止水合错误？
我正在使用名为 IDX Broker 的（对我来说是新的）服务为房地产客户创建一个网站。他们的服务工作方式是从我的网站（例如 example.com/listings）获取页面并使用...
我对react和下一个js还很陌生，我可以很好地执行服务器端获取请求，这非常简单。我只是想知道如何在 NextJs 服务器端执行对外部 api 的 post 请求，因为...
我正在构建一个需要用户登录的后台应用程序。 我有 2 个外部 API： API A：管理用户帐户和会话 API B ：在另一个数据库上执行 CRUD 操作（与
无法使用应用程序路由器在下一个js 14的lib文件夹中获取我的环境变量
我正在使用 next js 14 应用程序路由器，而不是使用 src 目录...我面临的问题是我的 .env 文件位于根目录中，我想访问 lib 文件夹中的环境变量。 ..
在 Next.JS 14 中我正在生成静态生成。但是 CSS 不起作用
我能够从 Next.js 生成静态 html 文件，但问题是静态生成后 CSS 不起作用。但在开发过程中，所有 CSS 都工作正常。 我也在使用打字稿...
如何在 Next.js 中结合 NextAuth(v5) 和 Next-Intl 中间件（应用程序路由）
我正在开发一个 Next.js 应用程序，该应用程序使用 NextAuth(v5) 进行身份验证，使用 Next-Intl 进行国际化。我需要将这些功能无缝地结合起来。这是我尝试过的...
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 应用程序时，它向我显示 NPM ERR
当尝试使用 npx create-next-app@latest 设置新应用程序时，它向我显示错误： npm 错误！代码 EJSONPARSE npm 错误！路径 C:\Users\user\AppData\Local pm-缓存\_np
首页加载时的悬念回退 SSR NextJs 14 在 Safari 上不起作用（在 Chrome 上有效）
拥有简单的页面，其中包含简单的子组件，例如： 从“react”导入{Suspense}； 异步函数 BlogPosts() { 让 res =等待 fetch("https://httpbin.org/delay/5&qu...
MUI TablePagination 组件导致 Next.js 13 中出现水合错误
使用 MUI TablePagination 组件时，我在 Next.js 13 中遇到水合错误。 错误看起来像这样 错误：水合失败，因为初始 UI 与渲染的内容不匹配...