nextjs-middleware 相关问题


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预渲染页面?

如何才能真正实现 NextJs 应用程序中的 CSR(客户端渲染)某些页面? 文档说,页面中存在 getServerSideProps 或 getStaticSiteProps 会使其预先


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 中的服务器组件重定向

在我的 NextJS 项目中,我有一个路由(“/dashboard”),它是一个服务器组件,我想根据某些条件让用户重定向到主页(“/”),但我不是


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

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


SwiperJS 样式不适用于 NextJS

我已将 SwiperJS 安装到我的 NextJS 项目中。我完全按照 Swiper 教程文档进行操作,但是当我尝试对 .swiper、.swiper-slide 等类进行样式设计时出现问题...样式...


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 检索页面上的动态数据,其中...


使用 Context 和 Firestore 预渲染 NextJS 时出错

我正在尝试将我的 React 简单电子商务应用程序转换为 NextJS,但在弄清楚如何在使用 Context 时预渲染我的产品数据时遇到问题。问题是,我不需要动态的


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

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


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

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


在NextJS中使用动态路由时如何将对象传递给页面组件?

我正在 NextJS 中使用“app”路由器,并希望在动态创建博客帖子页面的上下文中使用动态路由。 我在弄清楚如何通过 Ob 考试时遇到问题...


如何使用 next-intl 在 NextJS 15 中隐藏默认区域设置?

我想隐藏 NextJS 中的默认区域设置,即默认情况下,domain.com 应该可以工作。但如果用户登陆domain.com/en,这也应该有效。 我的文件夹结构: src/app/[语言环境]/... src/应用程序/博客...


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中创建动态路由以使用查询参数打开链接?

我正在尝试使用 nextjs 创建一个动态链接,这将表明您的帐户已通过验证。对于每个注册的用户,该页面的链接都会有所不同,并且链接看起来像......


如何在下一个js应用程序路由器中实现mui风格的组件而不使用“使用客户端”

我想在nextjs 14中使用mui风格的组件,但在每个页面上我必须写“使用客户端”,我想使用nextjs ssr功能但它强迫我进行csr,如何实现它?请


Flutter 和 NextJS 中的 SEO

我在 Flutter SEO 上真的很挣扎。 根据这篇文章,Flutter 中的 SEO 不好 https://docs.flutter.dev/platform-integration/web/faq#search-engine-optimization-seo 我在想如果


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

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


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

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


我无法让 Mapbox 在我的 NextJs 项目中工作

从 'react' 导入 React, { useEffect, useRef, useState }; // eslint-disable-line import/no-webpack-loader-syntax // @ts-忽略 从'!mapbox-gl'导入mapboxgl; 导入'mapbox-gl/dist/mapbox-gl....


如何在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 应用程序并部署在本地计算机的不同目录中。 詹金斯外壳命令 这是控制台输出 这是


打字稿推断类型不正确 - 作为别名导入并默认为any

我正在使用 Nextjs 作为前端、bun & hono 作为后端构建一个 monorepo。我正在尝试使用hono rpc:https://hono.dev/docs/guides/rpc。我正在像这样导出路由器的类型...


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

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


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