nextjs-rewrites 相关问题


NextJS-auth0 发生意外令牌错误

我有一个使用 nextjs-auth0 包的 nextjs 应用程序。当我尝试使用此导入测试文件时: 从 '@auth0/nextjs-auth0' 导入 { getSession }; 我收到以下错误: 开玩笑没能...


为什么Nextjs 14显示按钮与next/font和tailwind不同?

我正在尝试升级到nextjs 14,但坚持如何使用next/font。我有两个具有完全顺风类的按钮,只是最后一个的 nextjs 字体类名不同 这是我的代码 我...


在 NextJs 中使用绝对路径导入不起作用

我在路由中创建了一个名为 jsconfig.json 的文件: { “编译器选项”:{ “baseUrl”:“。” } } 我有最新的 nextjs "next": "latest" 当前...


NextJS 14 服务器操作抛出“无法重新定义属性”错误

我正在开发一个 NextJS 14 项目,并努力实现新的服务器操作功能,该功能在一段时间前引入了我的 NextJS 作为常规 API 调用的替代方案。这是一个精简版...


如何禁用nextjs中某些文件夹的eslint?

我想在 NextJs 中执行 npm run build 时禁用某些文件夹的 eslint 我不想这样配置: 模块. 导出 = { eslint: { dirs: ['pages', 'utils'], // 仅在 ... 上运行 ESLint


Cloudflare 页面 NextJS 环境变量未被读取

我在 cloudflare 页面上托管 NextJS 站点,但我无法读取环境变量。 在本地,我在 .env.local 中使用: NEXT_PUBLIC_API_URL=https://localhost:5001/ 并在代码中读取它: 常量


尝试将我的 nextjs 项目从 babel 迁移到 swc,它会抛出错误“当前未启用对实验性语法‘jsx’的支持”

我正在尝试将我的 NextJS 项目(NextJS 版本 13)从 babel 迁移到 swc。这是我的 bablerc 文件。我不断收到错误“当前未启用对实验性语法‘jsx’的支持...


useForm 和react-hook-form 在我与NextJs 一起使用时出现问题

我正在 NextJs 中编码,我需要使用“useForm”,但它不断给出错误......“无法解析“react-hook-form”。”请帮忙。 从“反应”导入反应; 导入{使用...


使用 NextJS 进行 Docker 热重载

我在使用 Docker 和 NextJS 设置热重载时遇到了麻烦,基本上当我尝试更改和保存文件时,它不会重新加载服务器。 以下是 docker-compose.yml: 版本:'3'


无法在 Nextjs 应用程序上验证 JWT 令牌

我正在尝试验证 Nextjs 中的 JWT 令牌,但收到如下错误 类型错误:“instanceof”的右侧不是对象 下面是我正在使用的代码 使用效果(()=> { ...


使用 NextJs 将 www 永久重定向到非 www 站点

我用Nextjs建立了一个网站(使用版本12.1.4)。出于 SEO 目的,我想将网站的 www 版本永久重定向到非 www 版本。通常这很容易完成...


如何解决 nextjs 中 telegram bot api 的问题

我的 nextjs 应用程序有问题:问题在于一个函数,其目的是通过 bot api url 将信息发送到电报,在本地,它可以完美运行,无需任何 ty...


如何在IIS上正确运行NextJS(13.4)?

ExpressJS 应用程序在 IIS 上运行良好,但是当我尝试安装 NextJS 时遇到此错误 我遵循了本文中的指南,但似乎我遗漏了一些东西。 项目设置 我...


如何获取nextjs/supabase中最后插入的id

在我当前的项目中,我使用的是supabase 和nextjs。发生了一些奇怪的事情,在将一行插入表中后,我想获取该行的 id,但它不起作用,我不知道为什么。


使用useSearchParams()在nextjs中获取动态数据

有人曾经在 nextjs 中从页面路由器迁移到应用程序路由器吗? 我在页面路由器上遇到动态数据迁移问题,它使用 useRouter().query 检索页面上的动态数据,其中...


我的 nextjs 项目中的信号存在一些问题

“使用客户端”; 从“react”导入 React, { useEffect, useState }; 从“framer-motion”导入{ AnimatePresence,运动}; 从“...


尝试导入错误:“swr”不包含默认导出(导入为“useSWR”)。 - nextjs 13

我使用nextjs 13.4.7制作项目并已经在3台PC中安装了swr,但我得到了同样的错误: 尝试导入错误:“swr”不包含默认导出(导入为“useSWR”)。 错误类型错误:...


ant design如何设置app宽字体

我正在使用 NextJS 14,我有以下内容: 全局.css: @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@100;200;300;400;500;600;700;800&display=swap'); @层r...


当页面的某个部分触发请求时,如何避免 Nextjs 显示整个页面的加载状态?

我有一个使用loading.tsx方法的nextjs页面,所以当这个页面加载时,我的加载微调器会出现,直到整个页面加载完毕,这很酷。但是,在此页面中我有一张弹出卡


在 NextJS 中使用 JSON 文件作为分页

我正在构建一个科学博客,其中帖子的 URL 存储在静态 JSON 文件中。 ScienteTopics.json- [ { “科目”:“数学”, “章节”:&...


如何在nextjs 14中使用map()?

我正在尝试使用 map() 方法迭代从 API 获得的响应,但我不断收到错误“drinks.map 不是函数”。下面是我的代码 /饮料 从“@/


django-cors-headers 不允许来自允许来源的请求

我面临的问题是我无法从 NextJS 前端获取现有用户。我使用的后端框架是 Django(以及 django-cors-headers 包)。 django-cors-he...


Nextjs13 AppRouter,为特定页面的body标签添加自定义类

使用Nextjs 13的AppRouter,如何自定义内页的body/html标签? 我有一个根布局: 导出默认异步函数 RootLayout({ Children }: { Children: ReactNode }) { ...


将链接作为参数传递给函数时出现打字稿错误

我在这里使用Nextjs 14。 从“下一个/链接”导入链接; 常量链接 = [ { 标题:“主页”, 小路: ”/”, }, { 标题:“关于”, 路径:&...


d3 svg 与 nextjs mouseenter 仅触发一次

我正在开发一个 React 组件,该组件使用了 D3,但是 svg 圆圈仅触发一次。 从 'react' 导入 React, { useEffect, useRef, useState }; 从 'd3' 导入 * 作为 d3; 导入


我必须在 NextJS 14 中定义 localStorage 吗?

我正在尝试在我的网站中使用基于 localStorage 的暗模式功能。但我遇到了 ReferenceError: localStorage is not Define in the Terminal,当我尝试控制台记录该值时,我...


NextJS 14 中处理登录的正确方法是什么?

我有一个提供登录路由“auth/login”的后端。登录后,我收到一个 JWT。除其他外,该 JWT 还包含过期时间和“userType”,例如“


必须提供 jwt 在 NextJs 13 中出现错误

我得到的错误是:data: { error: '必须提供jwt' } 当用户通过提供正确的电子邮件和密码登录时,用户将被重定向 到“/”页逻辑被写入...


Azure SWA - 未找到 Nextjs 图像

我正在尝试在 Azure 的静态 Web 应用程序服务上部署 Next JS 应用程序。我已经构建并运行了应用程序,但图像未渲染。从控制台,它报告 404 not find e...


Next.js 添加端口 80 以在 Google 认证后重定向 URL

我正在使用 Nextjs 14 和 Supabase 后端创建一个 Web 应用程序。但是,身份验证成功后,我的 URL 上会附加端口 80,这会导致引发错误。


Tanstack React 查询未导入

我正在尝试将 tanstack React 查询实现到我正在开发的项目中来管理状态。 我正在尝试将其与使用 nextjs 13 的 React 查询的教程一起设置,虽然我觉得我...


NextJs 在页面目录中嵌套布局

我正在使用 Next.js 构建我的网站,但我遇到了嵌套布局的问题。具体来说,嵌套文件夹内的布局似乎不起作用。 这是我当前目录的结构...


“Promise<KindeUser | null>”类型上不存在属性“email”

我正在使用“@kinde-oss/kinde-auth-nextjs/server”进行身份验证,与 PDF 文档项目进行聊天。在尝试从通过以下方式获得的用户对象访问“电子邮件”属性时...


屏幕外水平滚动的顺风问题(溢出)

我有一个使用 Tailwind CSS 的基于 React 的 NextJS 应用程序。有一个页面组件显示从 A 到 Ö(瑞典语 aplhabet)排序的人员列表。使用移动视图时,UX 指出


如何在 AWS Lambda 和 API Gateway 上运行 Vercel AI SDK

我正在尝试通过 Cloudfront、Lambda 和 API Gateway 在 AWS 上托管我的 NextJS Vercel AI SDK 应用程序。 我想修改 useChat() 函数以包含我的 Lambda 函数的 API,该函数可以连接...


如何为两个动态路由创建一个页面?

我使用最新版本的 nextjs 和应用程序路由器,并且我对路由组织有点困惑。 我需要这样的路由,但不知道该怎么做 目录/[类别]/[id] ===> 我...


NextJS Lighthouse 最佳实践:正确定义字符集错误

我在我的博客页面上收到此错误: 正确定义字符集错误!需要字符编码声明。可以通过 HTML 的前 1024 字节或 Content-Type 中的标签来完成...


jenkins 构建报告成功,但无法访问该站点

这些是我的 jenkins 执行 shell 命令来构建 nextjs hello world 应用程序并部署在本地计算机的不同目录中。 詹金斯外壳命令 这是控制台输出 这是


使用 keycloak 提供程序从下一个身份验证注销不起作用

我有一个带有 next-auth 的 nextjs 应用程序来管理身份验证。 这是我的配置 .... 导出默认 NextAuth({ // 配置一个或多个身份验证提供者 提供者:[


使用experimental_useFormState将参数传递给服务器操作

我正在尝试这里记录的这个新的 NextJs 功能 只要操作根本不接收任何参数,基本示例就会起作用。 但我想知道如何将参数传递给服务器操作。 //


NextJS 为 opengraph 标签动态创建图像,但在生产中不起作用

我正在开发一个 Next.js 项目,我需要动态生成 Open Graph 图像。我的实现可以在本地运行,但在 Vercel 和 Netlify 上部署到生产环境时遇到问题。 L...


当我启动 NextJS 应用程序时如何运行我的 python 脚本

我正在研究流行的PDF聊天项目。我的设置方式是将所有 LLM 代码放在 Python 脚本中,并使用 Flask 将其设置为我可以从前端调用的 API。对...


React(模块化CSS)中可以删除css类前缀吗

我正在使用 React 和 NextJS,我注意到在使用模块化 scss 文件时,它会使用文件名自动为我的类名添加前缀? 有办法禁用这个吗?因为它使 DOM 变得相当


Nextjs 14 生产服务器中不显示图片?

在我纱线运行构建并上传托管我的图像的cpanel中的所有文件后,看起来像是损坏了。 我在 package.json 中添加了我的服务器地址 这是我的 next.config.js 文件 常量 nextConfig = { 欧...


如何从nextjs客户端组件向服务器组件发送表单数据

我有一个 bookingForm.tsx 客户端组件,它使用 useEffect 从 json 文件获取数据并在下拉列表中使用它。 bookingform.tsx 也包含在 page.tsx 中。现在我想将表单数据发送到


Vercel 是否会忽略预览域上的 next.config.js 文件?

我正在尝试在 Vercel 上为我的 NextJS 应用程序设置一个开发域。 在我的 next.config.js 中,我允许从任何来源访问我的 API 路由。这在我的生产环境中工作得非常好......


如何在模式中的 onClick 地图中显示数组对象?

我对 React 相当陌生,我正在使用 NextJS。我有一个包含角色对象的数组。我正在映射数组以显示角色名称和描述。我想做的是显示另一个数组 ob...


nextjs 未应用页面路由顺风

我创建了一个新项目,所以我没有任何相关代码要附加。我正在尝试建立 socket.io 服务器。我发现 socket.io 无法与新的应用程序路由器一起使用,所以我决定添加一个...


Nextjs 14 应用程序路由器抱怨我违反了 Hooks 规则,而我却没有

警告:无效的挂钩调用。钩子只能在函数组件的主体内部调用。发生这种情况可能是由于以下原因之一: 您的 React 版本可能不匹配...


服务器操作 nextJS 期间客户端组件中的骨架

我有一个调用服务器操作的客户端组件。服务器操作会返回一些内容,并且 UI 会相应更新。请参阅下面的代码 导出默认函数 FormHome() { const [打开,设置打开] =


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