Next.js是服务器呈现的React应用程序的简约框架。
Swiper js autoheight 道具未调整第一个幻灯片高度的大小
所以，我使用带有自动高度的 SwiperJs。 我预计在幻灯片更改时，容器会根据内容调整其高度（在我的例子中是简单的图像）。它确实会在幻灯片更改时更新。
我在 Next.js 中有一个项目，我正在使用服务器操作。但是，我面临一个问题：我在每个页面上分别获取用户数据，以便我可以在各个页面上使用它。有没有...
如何在Next 14应用程序路由器的layout.tsx中获取客户端url
从 'next/headers' 导入 { headers }; 导出默认函数 Home() { const headersList = headers(); headersList.get('主机'); // 获取域名 headersList.get('下一个 url'); // 获取你...
我目前正在 Next 14 中实现基本的 JWT 身份验证，并且目前正在研究受保护的路由。 这是/login/action.ts中的登录逻辑 从“next/headers&
我想替换/更新 NextJS 页面块路径。 https://localhost:3001/_next/static/chunks/pages/index-371116135d6e8e9c.js 我想将该路径更新为 https://localhost:3001/headless-architect/
类型“number”不可分配给类型“undefined”.ts(2322)
我面临这个错误，它表示类型编号不能分配给scale={[1.618, 1, 1]}中最后一位数字（即1）上的未定义类型。有谁知道如何消除此打字稿错误？ &qu...
TypeError：无法读取未定义的属性（读取“模式”）Material React Table Next js 应用程序
我在具有 Material React Table 的 Next js 应用程序中收到此错误。 从 'react' 导入 * as React； 从'@/components/SideBar'导入SimpleSidebar； 从 'next/head' 导入 Head； 我...
findOneAndUpdate 在 Mongo db 中不起作用
我正在使用 next.js 14.2 并且想要更改我的 mongo 数据库中的“评论”字段。 这是我的服务器操作： 导出异步函数 addAComment(proposalId: number, newComment: string) { ...
无论我尝试什么，我总是在 Vercel 中的部署日志末尾收到此错误： 错误：ENOENT：没有这样的文件或目录，lstat '/vercel/path0/.next/server/app/(main)/(pages)/page_cl...
Express 正在发送带有子路由的空响应正文，但与根路由一起工作正常
在routes.ts文件中： const router:Router = express.Router() // 获取所有博客的路由 router.get('/',async(req:请求,res:响应)=>{ res.status(200).send("消息已发送") ...
从打字稿中的公共文件夹 Nextjs 导入出现错误：找不到模块
我正在尝试使用常规导入以及使用 Typescript 在 Nextjs 中使用自定义绝对路径来导入文件。 由于某种原因，我不断收到找不到模块的错误，但我的 IDE 是...
我创建了一个自定义按钮组件，并希望在此组件之外处理 onClick 事件。我将 onClickCallback 的参数类型设置为 MouseEvent 我创建了一个自定义按钮组件，并希望在此组件之外处理 onClick 事件。我将 onClickCallback 的参数类型设置为 MouseEvent<HTMLButtonElement, MouseEvent>。这是按钮组件事件类型的 onClick 事件通常所需要的。但在这里我遇到了这个问题。 类型“MouseEvent”不是通用的 非常感谢任何帮助。非常感谢。 👍 "use client"; import React, { ReactNode } from "react"; /** * Custom General Purpose Button Definition * @param param0 * @returns */ function CButton({ children, className, onClickCallback, name, }: { children: ReactNode; className?: string; onClickCallback?: (e: MouseEvent<HTMLButtonElement,MouseEvent>) => void; name?: string; }) { return ( <> <button className={ className ?? "btn inline-block bg-white border-[1px] border-gray-300 dark:border-gray-800 hover:text-white dark:bg-zinc-900 dark:hover:bg-gray-950 m-[1px]" } onClick={(e) => onClickCallback?.(e)} name={name} > {children} </button> </> ); } export default CButton; React.MouseEvent 帮助我摆脱了“非通用”消息： const handleValidateClick = (e: React.MouseEvent<HTMLElement>, expiration: Dayjs) => { const secondsLeft = expiration.diff(dayjs(), 'second'); if (secondsLeft <= 0) { e.stopPropagation(); } };
如何使用 NextJS 14 将数据从中间件传递到 API 路由
我无法使用nextjs14找到任何解决方案，来自互联网的所有示例似乎都已过时。我正在尝试使用标头，但我得到了空值。 // 中间件.ts 导出异步函数中间件(req: NextReque...
NEXTJS：从服务器操作更改 url 并将数据发送到客户端
我有一个带有表单的客户端组件。表单验证发生在服务器操作内部，如果有错误，服务器操作会将错误发送到客户端。但如果表格提交成功我需要添加？
我使用服务器操作来获取数据，它应该将数据返回到客户端组件，但它没有按预期工作。 服务器动作： “使用服务器”； 从“...
在 NextJS 中从客户端访问上下文 API 到服务器端组件会创建多重 FETCH
我尝试制作一个 SSR 组件，它使用标头中的令牌来获取 GET。由于我无法访问 ContextAPI/Web Storage API，因此我尝试从客户端组件获取该 API 作为道具。 他...
Next.js 中的 imageUploadUrl SunEditor
我想问一下，因为几天后我还没有找到上传文件到API的方法。 我在 Next.js 项目中使用 suneditor 作为编辑器。 我希望当我上传图像时，图像将被发送...
我的下一个身份验证 API 中有一个用于会话的回调，其中我从数据库获取用户数据，这工作正常，但是当用户浏览网站时，会话会被多次调用...
NextJs 14.2（应用程序路由器）和全局 scss 文件的问题
我是 NextJs 的新手。我最近创建了一个新项目，并正在浏览文档以了解如何正确设置它。在那里，我看到我基本上有一个 layout.tsx 组件，它会影响...
fetch api 在 Next js 中不起作用。给出错误
NEXT.js const API_KEY = process.env.API_KEY 从“反应”导入反应 const Home = async({searchParams}) => { const 流派 = searchParams.genre || '获取趋势'； const apiUrl = `https://api.