next.js 相关问题

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

如何在 NextJS 13 应用程序路由器中更新动态参数?

我有一个路由 user/[userId]/forms,其中有一个包含选择/下拉菜单的layout.tsx。 此下拉列表包含选项,其中值是不同形式的 id。当用户选择...

回答 1 投票 0

NextJS vercel/postgres 数据库查询

我已在此处附加根本原因文件 我想获取表用户的用户角色,但在用户使用其电子邮件和密码登录后,它无法通过其会话工作。

回答 1 投票 0

为什么yarn prisma studio 会出现“Prisma 客户端请求错误”错误?

我有 nextJS 应用程序,我正在使用我非常喜欢的 Prisma 和 psql。当我开始这个项目时,Prisma studio 工作得非常顺利,现在当我尝试运行该工作室时,我收到了一个我不知道的错误......

回答 1 投票 0

元素在 Tailwind Play 中运行良好,但在实际页面中运行不佳

我正在尝试为可能有图标和标签的按钮创建可重用的组件。我在我的项目中使用 React+Next 和 Tailwind。默认/空闲状态是正确的,但是悬停状态我...

回答 1 投票 0

没有顺风断点

我正在构建一个简单的 div,我想要 px-5 用于移动屏幕,px-20 用于较大屏幕,但只有 px-5 可以工作,px-20 不能在大屏幕上工作,为什么? 代码输出图像 我正在构建一个简单的 div,我想要 px-5 用于移动屏幕,px-20 用于较大屏幕,但只有 px-5 可以工作,px-20 不能在大屏幕上工作,为什么? 代码输出图像 <div class="bg-white py-20 px-5 lg:px-20 "> <div class="w-full md:w-1/2 mx-auto space-y-8"> <div class="bg-white py-20 rounded-xl shadow-lg p-6 flex flex-col items-center justify-between"> <div class="flex flex-col md:flex-row items-center justify-between w-full"> <div class="flex py-4 flex-col md:flex-row justify-start w-full h-full"> <div class="flex flex-col lg:ml-10 md:items-start"> <h2 class="text-xl md:text-4xl font-semibold mb-2 text-center md:text-left"> Lorem ipsum dolor sit </h2> <p class="text-gray-600 text-center md:text-left"> Porem ipsum dolor sit amet, consectetur adipiscing elit. </p> </div> </div> <div className="flex flex-col justify-center sm:justify-center lg:justify-end md:flex-row mt-4 md:mt-0 w-full "> <input type="text" placeholder="Enter email here" className="lg:w-96 sm:w-1/2 py-2 px-2 sm:px-10 border border-gray-300 rounded-sm focus:outline-none focus:border-indigo-500 transition duration-150 ease-in-out" // Adjust the width here, sm:w-1/2 means the input width will be half of the container on small screens and above /> <button className="mt-3 lg:w-1/3 sm:mt-0 flex items-center justify-center md:ml-4 text-white py-3 px-4 rounded-sm hover:bg-orange-700 focus:outline-none focus:bg-orange-700 transition duration-150 ease-in-out" style={{ backgroundColor: "#F68219" }} // Adjust the width here, sm:w-1/2 means the button width will be half of the container on small screens and above > Start E-Filling Now <img src="/arrow.svg" alt="" className="ml-2" /> </button> </div> </div> </div> </div> </div> 预期结果图 我想要 px-20 在大屏幕上,如第二张图片所示 如果你想要div的左右边距,请使用margin而不是padding。 <div class="bg-white py-20 mx-5 lg:mx-20">

回答 1 投票 0

NextJs 中字符串未分配给类型从不出错

'使用客户端' 从“react-hook-form”导入{FieldErrors、FieldValues、UseFormRegister}; 从“react-icons/bi”导入{BiDollar}; 接口输入属性{ id:字符串; ...

回答 1 投票 0

Antd 我无法在输入 onChange 事件上出现错误

在 Antd 中,我需要在 onChange 事件中获取错误,但即使字段中有错误,在该字段中输入时我看不到错误。例如 ; https://stackblitz.com/edit/react-qurm1n?file=demo.tsx

回答 1 投票 0

接下来 13+ 检查移动设备

Next js ile proje geliştiriyorum。 burada eğer mobile CIhaz ise bir 组件渲染 etmek istiyorum。我是移动设备 jsx 的支持者,可以使用它。 导入

回答 2 投票 0

下一个 js 获取中的 graphql api 获取问题(错误:React 功能“useContext”在此环境中不可用。)

我创建了一个下一个js 14.2.3应用程序并且我有graphql api端点(**我用stackOverflow的localhost替换了它)并且我正在使用“@apollo/client”:“^3.10.3”, “格...

回答 1 投票 0

当有数千个文档时,如何优化 Firebase Firestore 请求?

我在 NextJS 中开发了一个网页,它获取存储在 Firestore 数据库中的调查并将数据呈现为不同的图表,该页面由一些客户使用,每月生成一些调查,...

回答 1 投票 0

有人的 Nextjs 应用程序因为 useReducer 而中断吗?

我有一个功能齐全的 Nextjs 14 应用程序,在语义上可以工作。它是我制作的一个网站,已经部署,没有任何问题。但是现在当我在 VScode 中再次运行该项目时,它...

回答 1 投票 0

React Js 和 Next Js 之间有什么关系

Next.js 与 React.js 相比如何简化路由和数据获取的过程 使用react-router-dom在react中创建路由。虽然仅仅在 Next js 中为路由创建文件夹就已经很麻烦了

回答 1 投票 0

.NET Core w/React 和 NextJS - TypeError:_interop_require_default._ 不是函数

拥有一个新的.NET core w/ SPA (React) 项目。想要使用 nextJs 来做一些导航的事情。 收到此编译错误: 编译错误 app-router-context.shared-runtime.js 具有以下内容: 常量

回答 1 投票 0

如何优化仅限管理员页面的 Firebase 使用,以防止过度读取,同时确保安全?

我在网站内开发了一个仅限管理员访问的页面。我正在使用 React nextjs,并利用 Cloud Firestore 进行数据管理。每次访问该页面时,都会

回答 1 投票 0

NextJs 重写,第二次重写不起作用

我正在尝试进行简单的重写。因此,所有 /app 流量都会重写到 /frontend 文件夹,所有 /backend 流量都会重写到 /backend 文件夹。 如果我启动:localhost:3000/app/...,则会收到错误 404

回答 2 投票 0

不同的cookie过期时间

我目前正在学习NextJS并学习与用户授权相关的主题。它们保存在 MongoDB 数据库中。默认情况下,当尝试登录时,如果用户存在,我使用 createSession

回答 1 投票 0

尝试下载 Next.Js 但不断收到错误“找不到模块”

尝试下载 Next.Js 但不断收到错误“找不到模块”在此处输入图像描述 有人可以帮忙吗?对时间敏感的 我尝试重新安装 Node js 但它仍然...

回答 1 投票 0

从 Strapi 上传 API 将裁剪和调整大小参数传递到 Cloudinary

我有以下plugin.js文件,它成功连接到Strapi并上传到Cloudinary: module.exports = ({ env }) => ({ 上传:{ 配置:{ 提供商:“cloudinary”...

回答 1 投票 0

在冲突上使用 ORM

好吧,这就是我现在的位置。 如果我尝试 onConflictDoNothing ,计划是将新记录插入数据库。如果已经存在具有相同 userId 和 provider 的记录,且

回答 1 投票 0

为什么我的布局在 Nextjs 中重新渲染?

我在 Nextjs (应用程序路由器)中有一个简单的根布局,它呈现导航栏及其下面的子元素。 根布局 导入“./globals.css”; 从“下一个”导入类型{元数据}; 小鬼...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.