如何使用 router.push 从“next/navigation”传递数据
我们如何使用 next/navigation 中 useRouter() 的 router.push api 以编程方式将数据从一个路由传递到另一个路由？ 另外，我们如何在 next/
使用 Typekit / Adobe Fonts 和 @next/font
当前的 Next.js 字体优化文档和 @next/font API 参考描述了如何引入 Google Fonts 以及本地字体文件，但引入 Typekit / Adobe 的最佳实践......
在使用 next auth 进行 Oauth 时，getServerSession 在 nextjs 13.5.2 api 路由处理程序中始终返回 null
`我目前正在开发一个 To-Do 应用程序来练习 Next.js 和 Next-Auth。我正在使用 Next-Auth 作为 OAuth 提供程序，并且我想为每个待办事项添加一个“createdBy”属性以及相应的...
无法在 Next JS 中显示来自 FastAPI 的 blob 图像
所以我有自己的使用 FastAPI 构建的 API，它返回一个图像 返回响应（内容= img_byte_arr.getvalue（），media_type =“image / jpeg”） FastAPI Swagger 中一切正常...
分页时如何从 Okta 的 API List Users 中的响应标头获取 Next Link？
我正在尝试为其 API 端点列表用户实现 Okta 的分页。看起来为了分页，必须通过响应中的传入标头获取下一个链接。当执行...
我正在学习使用Nuxt，目前正在尝试使用nuxt-bridge，它带有大多数Nuxt3功能，同时保持我需要的nuxt-auth-next模块的兼容性。 截至目前，我正在开发我的 API，你...
Next.js：如何通过 https localhost 使用 CLI (next dev) 启动开发模式
在 Next.js 中，哇，通过 https localhost 使用 CLI (next dev) 启动开发模式？ 我应该将哪些参数传递给“next dev”命令，该命令可以在 package.json 中编辑？ 我不...
我正在使用 Next JS 12.2.0。我有如下链接标签， {帖子标题} 问题是某些 href 结尾有
为什么我有很多对 API 的请求，需要在 next.js 13v 的服务器端获取数据
我使用 Next.js 13v 在服务器端获取数据。 我的组件 const 页脚 = async () => { // 获取数据 const allCategories = (await getAllCategories({})).data; 返回 我使用 Next.js 13v 在服务器端获取数据。 我的组件 const Footer = async () => { // Get data const allCategories = (await getAllCategories({})).data; return <footer className={styles.footer}></footer>; }; 我的功能 export const getAllCategories = async ( params: IGetAllCategoriesRequest, ): Promise<AxiosResponse<IGetAllCategoriesResponse>> => { const url = 'static-pages/category/public'; const response = await axiosInstance.get<IGetAllCategoriesResponse>( url, { params: params, }, ); return response; }; 如果请求成功，我有一个请求 但是如果出现错误，我有很多请求，然后重定向到错误页面 本机获取具有相同的行为 那么为什么我在 next.js 13v 中对 API 有很多请求并在服务器端获取数据？ 可能和开发模式有关。我发现这篇文章可能与此行为有关：https://dev.to/noclat/fixing-too-many-connections-errors-with-database-clients-stacking-in-dev-mode-with-next -js-3kpm
我想做的是 我想在输入错误密码时将标签更改为错误密码 但出现错误 ReferenceError：文档未定义 这是我的 HTML 文件 我想做的是 我想在输入错误密码时将 标签更改为错误密码 但出现错误 ReferenceError：文档未定义 这是我的 HTML 文件 <form action="/check" method="POST"> <label for="password">Password:</label> <input type="text" id="password" name="password" required> <input type="submit" value="Submit"> <p></p> </form> 这是我的 javascript 文件内容 import express from "express"; import {dirname} from "path"; import { fileURLToPath } from "url"; import bodyParser from "body-parser"; const __dirname = dirname(fileURLToPath(import.meta.url)); const app = express(); const port = 3000; const pass = "ILoveProgramming"; var enter = ""; app.use(bodyParser.urlencoded({extended:true})); function checker(req, res, next){ enter = req.body.password; console.log(enter); next(); } app.use(checker); app.get("/", (req,res) =>{ res.sendFile(__dirname +"/public/index.html"); }); app.post("/check",(req,res)=>{ if(pass === enter){ res.sendFile(__dirname+"/public/secret.html"); } else{ document.querySelector("p").textContent("The paswrd is wrong"); console.log("The password is incorrect"); } // console.log(enter); }); app.use(bodyParser); app.listen(port, () =>{ console.log(`server is live at ${port}`); }); 我对这一切都是新手所以把我当作一个没有任何经验的人 document对象是浏览器DOM API的一部分，它在服务器端不可用。在浏览器控制台上，它是 window 对象的属性。 window.document。 您正在尝试操作服务器上的 DOM，这是不可能的。您应该在浏览器接收并呈现 HTML 页面后在客户端处理 DOM 操作。为此，您应该在 HTML 文件内有一个 script 标签。 <script> // inside here you add your logic to access document <script/> script标签将在浏览器上执行，您可以访问此标签内的document对象
我有一个 Next.js 应用程序，我使用 next-pwa 作为离线模式。现在我想添加推送通知（OneSignal解决方案），我看过很多文章/教程，它们都需要创建/更新...
为什么Nextjs 14显示按钮与next/font和tailwind不同？
我正在尝试升级到nextjs 14，但坚持如何使用next/font。我有两个具有完全顺风类的按钮，只是最后一个的 nextjs 字体类名不同 这是我的代码 我...
如何在 next js 13 的客户端组件中处理 firebase 和 webrtc 任务
我创建了一个 next js 13 应用程序来与 webrtc 和 firestore 共享相机源。这是我的 page.tsx。我无法使这个服务端因为我使用了反应钩子并且我无法将其移动到客户端
我需要帮助更新 Mac 上的 Node 版本才能使用 Next JS，即使已安装，我仍然收到错误消息
我正在创建一个新的 NextJS 应用程序，它说它需要较新版本的 Node >= v18.17.0 才能与 Next JS 一起使用。我一直在尝试更新，但它说活动节点版本是
Jenkinsfile / recordIssues 从文件创建“过滤器”数组
我们使用“Warnings Next Generation Plugin”中的 recordIssues 来可视化 Trivy-Dockerimage-Scanner“aquasec/trivy”生成的结果。这个工具可以...
使用 create-next-app 启动新的 Next.js 14 应用程序时，为什么会出现与 favicon.ico 相关的“模块未找到”错误？
我运行了以下命令来启动一个新的 Next.js 应用程序： npx create-next-app@latest 但是 npm run dev 给了我以下错误： 找不到模块：无法解析 'C:\xxxxx\xxxxx\xxxxx\my-app\src pp\
next.js 14 错误：无法读取未定义的属性（读取“get”）”
官方示例https://github.com/vercel/next.js/tree/canary/examples/next-forms在createTodo时出现错误“Error: Cannot readproperties of undefined (reading 'get')”。但是……
app/auth-callback/page.tsx 从 'next/navigation' 导入 { useRouter, useSearchParams } 从“反应”导入反应 从 '../_trpc/client' 导入 { trpc } 常量页面 = () => { 常量路由器 =
我有一个结构如下的 Next js 项目： 。 ├── 媒体 │ └── img.jpg ├── package.json ├── package-lock.json ├── postcss.config.js ├── 来源 │ ├── 组件 │ │ └── 动画角色...
我在路由中创建了一个名为 jsconfig.json 的文件： { “编译器选项”：{ “baseUrl”：“。” } } 我有最新的 nextjs "next": "latest" 当前...
下一个验证 | GithubProvider 错误=OAuthCallback
我正在使用 nextAuth，而且我正在使用 GithubProvider。我的 vsCode 终端刚刚出现错误： [下一个身份验证][错误][OAUTH_CALLBACK_ERROR] https://next-auth.js.org/errors#oauth_callback_error
我的代码如下： /** * 输入自动完成提供者 */ 类InputAutoCompletionProvider { // eslint-disable-next-line class-methods-use-this 提供完成项目（文档，位置...
嗨，我正在尝试将框架运动导入到 Next Js 中的页面中。 从“framer-motion”导入{motion} 这会破坏页面。我在终端中收到以下错误： /用户/.../站点/.../
我正在 Next.js 创建一个语言切换器。它工作正常，但我希望默认选择当前语言。因此，我正在这样做。 从 'next/... 导入 { useRouter }
我正在尝试在 Azure 的静态 Web 应用程序服务上部署 Next JS 应用程序。我已经构建并运行了应用程序，但图像未渲染。从控制台，它报告 404 not find e...
嗨，我正在为我的博客使用无头 cms“next-wordpress-starter”，并添加了一个中间件来处理来自“x”站点的流量，并将其重定向回该站点。在当地环境...
如何编写类型安全的函数签名来接受 amplify-js v6 graphql 订阅通知的回调函数？
使用版本 6.0.9 的 NPM 库 aws-amplify （不是 5.x.x！），我尝试将调用包装到 client.graphql({ query: typedGqlString, Variables}).subscribe({ next, error }），这样我就可以治疗...
所以我使用express-async-handler来处理异步函数，它应该在抛出错误后自动添加next()，但由于某种原因它看起来没有。 这是我的功能
Next.js 14 JWT 会话错误与下一步身份验证 - 类型错误
我一直在使用 Next.js 14 和 Next Auth 5 beta，每当我尝试登录时，我都会得到 [验证][错误][JWTSessionError] [auth][原因]：类型错误：无法读取未定义的属性（
Next JS (React) 不理解 stencil Prop
按照目前的流程，React 在我们的 SPA 中托管模板 JS 组件，像往常一样，随着范围的增加，它现在对 SEO 和性能产生影响，而且重点是我们无法改变主要架构......
什么在 Next.js next/navigation 中的react-router-dom 中替换 useLocation() ？
最近，我从 React 迁移到 Next.js [email protected]。在我的网站中，我在使用 useNavigate() 推送时使用了状态，并使用 useLocation() 从另一个页面获取值。我怎样才能做同样的事...
使用 keycloak 提供程序从下一个身份验证注销不起作用
我有一个带有 next-auth 的 nextjs 应用程序来管理身份验证。 这是我的配置 .... 导出默认 NextAuth({ // 配置一个或多个身份验证提供者 提供者：[
如何使用 redux tollkit 修复 Next 14 中的错误“请确保组件包裹在 <Provider> 中”？
我很难让 Next.js 14 与 Redux Provider 一起使用。我按照 Redux 官方文档上的所有说明进行操作，但我不断收到此错误： 错误：找不到反应-...
使用包装器时从非函数组件调用 React-Redux 调度函数
我有一个 React-Redux 存储，它包装在 next-redux-wrapper 中。我想在 React 组件之外调度一个函数，但由于包装器的原因我无法这样做。有办法导入吗
Next js firebase（firestore数据库）自动生成的id错误
嗨，谁能告诉我，当我想在下一个 js 中获取页面的详细信息并且我从 firestore 数据库获取数据时，这对我来说是这样的 Firebase 初始化成功 page.js：32路由器。
如何解决 Firebase Cloud Function 未在 SSR 的“/workspace/.next”中找到 Next.js 生产版本？
我之前问过这个问题，并且仍在为这个问题苦苦挣扎；谁能帮我解决这个问题： SSR Next.js 应用程序的 Firebase Cloud Function 未在...中找到生产版本
使用包装器时从非功能组件调用 React-Redux Dispatch 函数
我确实有一个react redux store，它包装在next-redux-wrapper中。我想在 React 组件之外调度一个函数，但由于包装器的原因我无法这样做。有没有办法让我...
浏览器控制台在我的下一个 js 应用程序中一切正常，我关闭笔记本电脑，当我启动我的应用程序时，它再次显示 正在编译/未找到 我的代码中一切正常
我一直在从事一个涉及用户在我的主网络应用程序上注册的项目。该 Web 应用程序是使用 Nextjs 14 创建的，并具有新的应用程序路由器支持，我使用了 next-auth （这可以节省用户
Nextjs 14.0.3 Next auth 4.24.4 会话回调在刷新时缺少令牌，需要更改选项卡并返回以获取令牌
当我在生产模式下构建应用程序时出现问题，它在开发模式下运行良好。 但是，当在本地和 Vercel 上以生产模式运行时，当我刷新时，会话令牌丢失...
每当我在 GCP 中创建一个新项目时，它都会预加载许多我不想要的 API/服务： BigQuery API BigQuery 迁移 API BigQuery 存储 API ...
我有一个 REST API，它使用基本身份验证进行身份验证。我将此 API 添加到 WSO2 API 管理器并获取该 API 的生产 URL。基本上我需要 API 管理器来查看 API 使用情况的统计数据。我
如何向 iPhone 应用程序添加私有 API 和框架。像Apple80211.
我有两个 API 端点，如下所示。 [路线(“api/[控制器]”)] [API控制器] 公共类 StudentController : ControllerBase { IStudentRepository 学生存储库； 公开
我有一个API URL，是这样的 https://api-amvstrm.nyt92.eu.org/api/v1 /popular 和 API 响应如下所示 t itle": "地牢网格", "id": "地牢-...
关于实施和迁移到 API V3 的 YouTube 官方文档，他们说： YouTube 数据 API (v2) 功能：检索视频推荐 v3 API 不会检索以下列表
如何使用 OpenCL C++ API 获取设备 cl_device_id
我开始使用 OpenCL C++ API。我已经使用 C API 很长时间了。 C++ API 更加优雅、简单，代码更少且不易出错，但我需要设备 ID。我...
我试图弄清楚如何修改此处找到的 Foursquare iOS API“BZFoursquare”：https://github.com/baztokyo/foursquare-ios-api。 在他们的示例中，他们使用一体化 ViewContro...
如何在Flutter中实现凭证管理API？ 我想在 Google 中保存登录凭据。如何在浏览器中调用凭证管理API？
我想从 org.sonar.api.scanner.sensor.ProjectSensor 的实现中执行对 Sonar Server 的 API 调用。是否有任何“合规”的执行方式，例如： https://myserver:9001/api...