next-router 相关问题


什么在 Next.js next/navigation 中的react-router-dom 中替换 useLocation() ?

最近,我从 React 迁移到 Next.js [email protected]。在我的网站中,我在使用 useNavigate() 推送时使用了状态,并使用 useLocation() 从另一个页面获取值。我怎样才能做同样的事...


如何使用 router.push 从“next/navigation”传递数据

我们如何使用 next/navigation 中 useRouter() 的 router.push api 以编程方式将数据从一个路由传递到另一个路由? 另外,我们如何在 next/


Quasar Vue Router 解析名为route的href

我正在尝试使用 vue router 构建 href 链接 我在routes.js中有以下内容 常量路由 = [ { 小路: ”/”, 组件:() => import("layouts/MainLayout.vue")...


Next.js:如何通过 https localhost 使用 CLI (next dev) 启动开发模式

在 Next.js 中,哇,通过 https localhost 使用 CLI (next dev) 启动开发模式? 我应该将哪些参数传递给“next dev”命令,该命令可以在 package.json 中编辑? 我不...


React Router v6.4+ 数据 API:重试加载程序而不显示错误

使用react-router 6.21.1和新的数据api,我的路由设置如下: 常量路由 = [ { 元素: , 错误元素:, 孩子们...


使用react-router-v6和zustand进行身份验证

应用程序路线: 函数 AppRoutes(): JSX.Element { 返回 ( } /> }> ...


Next JS Link 标签有时会从动态路由中删除“/”

我正在使用 Next JS 12.2.0。我有如下链接标签, {帖子标题} 问题是某些 href 结尾有


React Router 为动态路由渲染错误组件的问题

我遇到了 React Router 的问题,使用动态参数导航到特定 URL 会渲染错误的组件。具体来说,当导航到 http://localhost:3001/Create/4 时,...


使用 Typekit / Adobe Fonts 和 @next/font

当前的 Next.js 字体优化文档和 @next/font API 参考描述了如何引入 Google Fonts 以及本地字体文件,但引入 Typekit / Adobe 的最佳实践......


有没有一种方法可以在React中单击时嵌入链接来重定向组件?

我有一个导航栏,其路线设置如下: 导入'../styles/Nav.css' 从 'react-router-dom' 导入 { BrowserRouter as Router, Routes, Route, Link} 从 '../components/Home' 导入 { Home }


如何使用Vue Router的相对重定向(不起作用)?

我正在从 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 应用程序自动提供


在使用 next auth 进行 Oauth 时,getServerSession 在 nextjs 13.5.2 api 路由处理程序中始终返回 null

`我目前正在开发一个 To-Do 应用程序来练习 Next.js 和 Next-Auth。我正在使用 Next-Auth 作为 OAuth 提供程序,并且我想为每个待办事项添加一个“createdBy”属性以及相应的...


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: 导入{渲染,


React Router 与 React 16.6 Suspense “提供给 `Route` 的 `object` 类型的道具 `component` 无效,预期为 `function`。”

我正在使用最新版本(16.6)的React和react-router(4.3.1),并尝试使用React.Suspense进行代码分割。 虽然我的路由工作正常并且代码确实分成了几个bun...


this.props.history.push() 似乎不再在 React Router v4 中工作,有什么替代方案吗?

我是 React 新手,我看到的大多数有关使用 React Router 进行重定向的教程似乎都在使用上述代码片段。我想要实现的是将用户重定向到主页...


如何使用next-pwa添加推送通知

我有一个 Next.js 应用程序,我使用 next-pwa 作为离线模式。现在我想添加推送通知(OneSignal解决方案),我看过很多文章/教程,它们都需要创建/更新...


当React Router中的路由命中时,如何有条件地渲染两个组件或更改两个出口?

我有一个 React 应用程序,我在其中使用 React Router。在我的布局组件中,我有这样的结构: 从“反应”导入反应; 从 './components/Header/Header' 导入标头; 导入 Foo...


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

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


React store.getState 不是一个函数

这是我的代码: 商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}; 从“不可变”导入{fromJS}; 从“react-router-redux”导入{routerMiddleware}; 导入createSagaMidd...


Angular16 中的 Router parseUrl() 与 navigate()

我正在使用 authGuard 进行身份验证。我想知道这两个之间的区别 // 重定向到登录页面 return router.navigate(['/login']); return router.parseUrl('/login'); 在...


Typescript、React、强类型 useHistory

我将 useHistory (react-router-dom) 变量作为参数发送到employee.service,其中我使用带有状态和路径名的“history.push”方法。不幸的是我不能...


如何在 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')”。但是……


如何处理默认路径

我在我的网站上使用 React Router,遇到了以下问题。我的主要应用程序组件定义如下: 导入'./App.css' 从 './Navbar' 导入 { Navbar } 进口 { 出口 } f...


onSuccess 回调是否已从查询(tRPC)中删除?

app/auth-callback/page.tsx 从 'next/navigation' 导入 { useRouter, useSearchParams } 从“反应”导入反应 从 '../_trpc/client' 导入 { trpc } 常量页面 = () => { 常量路由器 =


onMounted 当没有要关联的活动组件实例时调用

Symfony/VueJS 组件 // 导入 从“../hooks/getUser”导入 getUser; 从 'vue-router' 导入 { useRoute } // 增值服务 常量路由 = useRoute() 常量 { 用户 } = getUser(1) const 路线我...


使文字适合剩余空间并保持相同的运动效果

我有一个结构如下的 Next js 项目: 。 ├── 媒体 │   └── img.jpg ├── package.json ├── package-lock.json ├── postcss.config.js ├── 来源 │   ├── 组件 │   │   └── 动画角色...


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

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


Nuxt 3 项目无法找到 PWA 图标

开发工具错误 我目前正在尝试在我的 nuxt 3 项目中实现 PWA 功能,但我不断遇到这个问题:[Vue Router warn]: No match found for location with path "/icon_512x512...


React-router:更改 URL 并清除历史记录

我有以下场景: 用户打开激活链接;用户完成激活过程后,系统会将其移动到另一个页面。 我不想保留激活状态...


链接点击时的反应模式调用

使用react-modal,我需要通过锚标记或react-router-dom链接单击超链接时显示模式。 示例:单击注册超链接,注册表模式应打开。


下一个验证 | GithubProvider 错误=OAuthCallback

我正在使用 nextAuth,而且我正在使用 GithubProvider。我的 vsCode 终端刚刚出现错误: [下一个身份验证][错误][OAUTH_CALLBACK_ERROR] https://next-auth.js.org/errors#oauth_callback_error


NextAuth 身份验证错误:“状态 cookie 丢失。”

NextAuth 身份验证错误:“状态 cookie 丢失。” 我使用 Next.js 和 NextAuth 进行 OAuth2 身份验证。这是代码片段: 从 'next-auth' 导入 NextAuth; 导入


在 VS Code 中没有获得新创建的扩展的建议

我的代码如下: /** * 输入自动完成提供者 */ 类InputAutoCompletionProvider { // eslint-disable-next-line class-methods-use-this 提供完成项目(文档,位置...


在loader中使用URL参数时出现错误

我在我的 React 项目中使用 React-Router。我有一个如下所示的移动页面: 从“反应”导入反应; 从 'axios' 导入 axios 导出异步函数加载器({ params }) { ...


无法在 Next JS 中显示来自 FastAPI 的 blob 图像

所以我有自己的使用 FastAPI 构建的 API,它返回一个图像 返回响应(内容= img_byte_arr.getvalue(),media_type =“image / jpeg”) FastAPI Swagger 中一切正常...


如何使用 read_html_live() 浏览 javascript 寻呼机?

我想抓取使用 JavaScript 寻呼机的网站 https://www.supralift.com/uk/itemsearch/results 上的广告链接。我的目的是收集页面上的链接,然后点击“Next&q...


错误:链接需要在项目的 Expo 配置(app.config.js 或 app.json)中进行构建时设置 `scheme`

我使用react-native expo bare-workflow创建了该项目 npx create-expo-app --template bare-minimum 创建项目后,我尝试将expo-router安装到项目中,一切都完成了


Framer-motion导入中断页面下一个Js

嗨,我正在尝试将框架运动导入到 Next Js 中的页面中。 从“framer-motion”导入{motion} 这会破坏页面。我在终端中收到以下错误: /用户/.../站点/.../


将当前语言环境设置为选定的语法错误

我正在 Next.js 创建一个语言切换器。它工作正常,但我希望默认选择当前语言。因此,我正在这样做。 从 'next/... 导入 { useRouter }


React Router - 如何确定是否按下了后退按钮?

我有这些场景 设置页面 -> 结果页面 -> 详细信息页面 用户选择设置,单击下一步,获取结果,然后单击查看更多详细信息。 详情页 -> 结果页 用户去...


如何在 Next-js 中向图像添加条件渲染?

如果有有效图像,我只想为页面上的每个帖子显示图像。如果没有图像, if(!post.image_url) 我想显示标题“图像不可用”但是我不确定...


如何在next-cloudinary和react-hook-form中上传和存储多个图像而不是一张图像

k我有 shadcn/ui 表单组件,如下所示 “使用客户端”; 从“反应”导入{片段}; 从“下一页”导入类型 { NextPage } ; 从“n...


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