React Router v6.4+ 数据 API：重试加载程序而不显示错误
使用react-router 6.21.1和新的数据api，我的路由设置如下： 常量路由 = [ { 元素: , 错误元素：， 孩子们...
如何解决 nextjs 中 telegram bot api 的问题
我的 nextjs 应用程序有问题：问题在于一个函数，其目的是通过 bot api url 将信息发送到电报，在本地，它可以完美运行，无需任何 ty...
我正在开发一个 NextJS 14 项目，并努力实现新的服务器操作功能，该功能在一段时间前引入了我的 NextJS 作为常规 API 调用的替代方案。这是一个精简版...
如何在 AWS Lambda 和 API Gateway 上运行 Vercel AI SDK
我正在尝试通过 Cloudfront、Lambda 和 API Gateway 在 AWS 上托管我的 NextJS Vercel AI SDK 应用程序。 我想修改 useChat() 函数以包含我的 Lambda 函数的 API，该函数可以连接...
我正在尝试使用 map() 方法迭代从 API 获得的响应，但我不断收到错误“drinks.map 不是函数”。下面是我的代码 /饮料 从“@/
当我启动 NextJS 应用程序时如何运行我的 python 脚本
我正在研究流行的PDF聊天项目。我的设置方式是将所有 LLM 代码放在 Python 脚本中，并使用 Flask 将其设置为我可以从前端调用的 API。对...
Vercel 是否会忽略预览域上的 next.config.js 文件？
我正在尝试在 Vercel 上为我的 NextJS 应用程序设置一个开发域。 在我的 next.config.js 中，我允许从任何来源访问我的 API 路由。这在我的生产环境中工作得非常好......
在使用 next auth 进行 Oauth 时，getServerSession 在 nextjs 13.5.2 api 路由处理程序中始终返回 null
`我目前正在开发一个 To-Do 应用程序来练习 Next.js 和 Next-Auth。我正在使用 Next-Auth 作为 OAuth 提供程序，并且我想为每个待办事项添加一个“createdBy”属性以及相应的...
Quasar Vue Router 解析名为route的href
我正在尝试使用 vue router 构建 href 链接 我在routes.js中有以下内容 常量路由 = [ { 小路： ”/”， 组件：() => import("layouts/MainLayout.vue")...
我有一个使用 nextjs-auth0 包的 nextjs 应用程序。当我尝试使用此导入测试文件时： 从 '@auth0/nextjs-auth0' 导入 { getSession }； 我收到以下错误： 开玩笑没能...
使用react-router-v6和zustand进行身份验证
应用程序路线： 函数 AppRoutes(): JSX.Element { 返回 （ } /> }> ...
我遇到了 React Router 的问题，使用动态参数导航到特定 URL 会渲染错误的组件。具体来说，当导航到 http://localhost:3001/Create/4 时，...
有没有一种方法可以在React中单击时嵌入链接来重定向组件？
我有一个导航栏，其路线设置如下： 导入'../styles/Nav.css' 从 'react-router-dom' 导入 { BrowserRouter as Router, Routes, Route, Link} 从 '../components/Home' 导入 { Home }
我正在从 Vue router Doc 学习相对重定向。 我正在尝试实现代码的文档示例。 常量路由 = [ { // 始终将 /users/123/posts 重定向到 /users/123/prof...
反应问题，当我将标头组件添加到我的主页组件时，没有任何内容加载
从“react”导入React； 从 '@chakra-ui/react' 导入 { ChakraProvider, CSSReset }; 从 'react-router-dom' 导入 { BrowserRouter as Router, Route, Routes }; 从 './nav' 导入导航； 导入首页
React Router：第一次访问 ParentNotificationsPage 组件时不显示数据，仅在返回后才显示
我在 React 应用程序中遇到了 React Router 的问题，其中 ParentNotificationsPage 组件在第一次访问时不显示数据。仅当我导航回
vue-router useRouter 在构建库组件时不起作用
我正在构建一个 Vue3 npm 组件库，希望我可以使用 vue-router 的 useRouter 访问当前路由器，并且它将由导入我的任何 vue 应用程序自动提供
Expo 路由器 - 如何定义与 index.tsx 不同的默认堆栈
使用React Native Expo Router，我想定义一个与index.tsx不同的默认堆栈。目前，当我使用一个名为 page1.tsx 的简单堆栈启动应用程序时，expo router 找不到我...
运行单元测试时无法检测到已安装的react-router-dom包
我想用react-router-dom学习react测试库。我使用 npx create-react-app 命令创建了该应用程序。生成的代码在父文件夹中已经有一个 App.test.js： 导入{渲染，
为什么Nextjs 14显示按钮与next/font和tailwind不同？
我正在尝试升级到nextjs 14，但坚持如何使用next/font。我有两个具有完全顺风类的按钮，只是最后一个的 nextjs 字体类名不同 这是我的代码 我...
我在路由中创建了一个名为 jsconfig.json 的文件： { “编译器选项”：{ “baseUrl”：“。” } } 我有最新的 nextjs "next": "latest" 当前...
this.props.history.push() 似乎不再在 React Router v4 中工作，有什么替代方案吗？
我是 React 新手，我看到的大多数有关使用 React Router 进行重定向的教程似乎都在使用上述代码片段。我想要实现的是将用户重定向到主页...
react-hook-form useForm 每次在 Nextjs 页面路由上执行
嗨，我是 Nextjs(v14) 的新手。我想使用react-hook-form 实现多页面表单。 然而，似乎每次都会执行useForm，并且defaultValues是在页面路由中设置的（点击 嗨，我是 Nextjs(v14) 的新手。我想使用react-hook-form 实现多页面表单。 不过，好像每次都会执行useForm，并且在页面路由时设置defaultValues（点击<Link to=XX>）。 如何跨多个页面保存表单数据？ 请帮助我。 这是我的代码。 _app.tsx return ( <div> <FormProvider> <Component {...pageProps} /> </FormProvider> </div> ); FormProvider.tsx export const FormProvider = ({ children, }: { children: React.ReactNode; }) => { const defaultValues: MyForm = { name: '', description: '' }; const form = useForm({ defaultValues, resolver: zodResolver(MyFormSchema), }); const onSubmit = () => console.log("something to do"); return ( <Form {...form}> <form onSubmit={form.handleSubmit(onSubmit)}>{children}</form> </Form> ); }; 您正在寻找的是跨多个页面维护的某种全局状态。对于这个例子，我将使用 React 的上下文 API，如果这不适合您的用例，您可以找到一些其他状态管理库。 首先，您需要创建一个全局上下文，并在表单提供程序中包含一个全局状态 // FormProvider.tsx import { createContext, useContext, useState } from 'react'; const FormContext = createContext(); // Exported to be used in other components export const useFormContext = () => useContext(FormContext); export const FormProvider = ({ children }) => { const [formData, setFormData] = useState({}); return ( <FormContext.Provider value={{ formData, setFormData }}> {children} </FormContext.Provider> ); }; 现在您需要用 FormProvider 包装您的应用程序 // You are already doing this part //_app.tsx return ( <div> <FormProvider> <Component {...pageProps} /> </FormProvider> </div> ) 现在你可以像这样使用它了。请记住，您将更新表单的全局状态，该状态将在您的所有页面上发生变化。 // In your form component import { useForm } from 'react-hook-form'; import { useFormContext } from '../path/to/formContext'; const MyFormComponent = () => { const { formData, setFormData } = useFormContext(); const { register, handleSubmit } = useForm({ defaultValues: formData, resolver: zodResolver(MyFormSchema), }); const onSubmit = (data) => { setFormData(data); // Handle form submission }; return ( <form onSubmit={handleSubmit(onSubmit)}> {/* Form fields */} </form> ); }; 您可以从其他页面访问数据的示例 // In another page or component import { useFormContext } from '../path/to/formContext'; const AnotherPage = () => { const { formData } = useFormContext(); // Use formData as needed };
当React Router中的路由命中时，如何有条件地渲染两个组件或更改两个出口？
我有一个 React 应用程序，我在其中使用 React Router。在我的布局组件中，我有这样的结构： 从“反应”导入反应； 从 './components/Header/Header' 导入标头； 导入 Foo...
如何才能真正实现 NextJs 应用程序中的 CSR（客户端渲染）某些页面？ 文档说，页面中存在 getServerSideProps 或 getStaticSiteProps 会使其预先
这是我的代码： 商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}； 从“不可变”导入{fromJS}； 从“react-router-redux”导入{routerMiddleware}； 导入createSagaMidd...
我想在 NextJs 中执行 npm run build 时禁用某些文件夹的 eslint 我不想这样配置： 模块. 导出 = { eslint: { dirs: ['pages', 'utils'], // 仅在 ... 上运行 ESLint
我在 cloudflare 页面上托管 NextJS 站点，但我无法读取环境变量。 在本地，我在 .env.local 中使用： NEXT_PUBLIC_API_URL=https://localhost:5001/ 并在代码中读取它： 常量
在我的 NextJS 项目中，我有一个路由（“/dashboard”），它是一个服务器组件，我想根据某些条件让用户重定向到主页（“/”），但我不是
尝试将我的 nextjs 项目从 babel 迁移到 swc，它会抛出错误“当前未启用对实验性语法‘jsx’的支持”
我正在尝试将我的 NextJS 项目（NextJS 版本 13）从 babel 迁移到 swc。这是我的 bablerc 文件。我不断收到错误“当前未启用对实验性语法‘jsx’的支持...
Angular16 中的 Router parseUrl() 与 navigate()
我正在使用 authGuard 进行身份验证。我想知道这两个之间的区别 // 重定向到登录页面 return router.navigate(['/login']); return router.parseUrl('/login'); 在...
Typescript、React、强类型 useHistory
我将 useHistory (react-router-dom) 变量作为参数发送到employee.service，其中我使用带有状态和路径名的“history.push”方法。不幸的是我不能...
我已将 SwiperJS 安装到我的 NextJS 项目中。我完全按照 Swiper 教程文档进行操作，但是当我尝试对 .swiper、.swiper-slide 等类进行样式设计时出现问题...样式...
useForm 和react-hook-form 在我与NextJs 一起使用时出现问题
我正在 NextJs 中编码，我需要使用“useForm”，但它不断给出错误......“无法解析“react-hook-form”。”请帮忙。 从“反应”导入反应； 导入{使用...
我在使用 Docker 和 NextJS 设置热重载时遇到了麻烦，基本上当我尝试更改和保存文件时，它不会重新加载服务器。 以下是 docker-compose.yml： 版本：'3'
我正在尝试验证 Nextjs 中的 JWT 令牌，但收到如下错误 类型错误：“instanceof”的右侧不是对象 下面是我正在使用的代码 使用效果（（）=> { ...
使用 NextJs 将 www 永久重定向到非 www 站点
我用Nextjs建立了一个网站（使用版本12.1.4）。出于 SEO 目的，我想将网站的 www 版本永久重定向到非 www 版本。通常这很容易完成...
ExpressJS 应用程序在 IIS 上运行良好，但是当我尝试安装 NextJS 时遇到此错误 我遵循了本文中的指南，但似乎我遗漏了一些东西。 项目设置 我...
我在我的网站上使用 React Router，遇到了以下问题。我的主要应用程序组件定义如下： 导入'./App.css' 从 './Navbar' 导入 { Navbar } 进口 { 出口 } f...
在我当前的项目中，我使用的是supabase 和nextjs。发生了一些奇怪的事情，在将一行插入表中后，我想获取该行的 id，但它不起作用，我不知道为什么。
Symfony/VueJS 组件 // 导入 从“../hooks/getUser”导入 getUser； 从 'vue-router' 导入 { useRoute } // 增值服务 常量路由 = useRoute() 常量 { 用户 } = getUser(1) const 路线我...
使用useSearchParams()在nextjs中获取动态数据
有人曾经在 nextjs 中从页面路由器迁移到应用程序路由器吗？ 我在页面路由器上遇到动态数据迁移问题，它使用 useRouter().query 检索页面上的动态数据，其中...
使用 Context 和 Firestore 预渲染 NextJS 时出错
我正在尝试将我的 React 简单电子商务应用程序转换为 NextJS，但在弄清楚如何在使用 Context 时预渲染我的产品数据时遇到问题。问题是，我不需要动态的
开发工具错误 我目前正在尝试在我的 nuxt 3 项目中实现 PWA 功能，但我不断遇到这个问题：[Vue Router warn]: No match found for location with path "/icon_512x512...
“使用客户端”； 从“react”导入 React, { useEffect, useState }; 从“framer-motion”导入{ AnimatePresence，运动}； 从“...
我有以下场景： 用户打开激活链接；用户完成激活过程后，系统会将其移动到另一个页面。 我不想保留激活状态...
使用react-modal，我需要通过锚标记或react-router-dom链接单击超链接时显示模式。 示例：单击注册超链接，注册表模式应打开。
尝试导入错误：“swr”不包含默认导出（导入为“useSWR”）。 - nextjs 13
我使用nextjs 13.4.7制作项目并已经在3台PC中安装了swr，但我得到了同样的错误： 尝试导入错误：“swr”不包含默认导出（导入为“useSWR”）。 错误类型错误：...
我正在 NextJS 中使用“app”路由器，并希望在动态创建博客帖子页面的上下文中使用动态路由。 我在弄清楚如何通过 Ob 考试时遇到问题...
我在我的 React 项目中使用 React-Router。我有一个如下所示的移动页面： 从“反应”导入反应； 从 'axios' 导入 axios 导出异步函数加载器({ params }) { ...