在React项目中配置了react-router-dom路由之后,在组件中使用 后,直接在地址栏访问指定路由时出现了404的问题,如下图: 解决方法: 因为项目是使用webpack构建的,所以在配置 webpack-dev-server 本地服务时,少了一些配置,只需要在 webpack.config.js 配置文件中添加 devServer 的配置项就可以了: module.exports = ...
添加HashRouter即可 import{HashRouter}from'react-router-dom'; <HashRouter> {/*<Route>*/} <Routeexact path="/"component={App} /><Routepath="/aboutMe"component={aboutMe}/><Routepath="/myBlog"component={myBlog}/><Routepath="/myTrip"component={myTrip}/><Routepath="/aboutWebsite"componen...
这几天碰到一个问题就是使用 新版的 react-router-dom 作为路由时会导致所有二级以上页面原地刷新提示错误,类似的错误内容如Cannot GET /company/zs/000001,如下图所示: 随后google 搜索关键字react router Cannot GET /company/zs/000001找到stackoverflow的答案,里面内容介绍到使用 Hash History 或者 Browser History ...
react-router-dom v4路由器不工作时如何检查路由配置? React Router是一个用于构建单页应用的库,它提供了一种在React应用中管理路由的方式。React Router Dom是React Router的一个扩展库,用于在Web应用中处理路由。 当react-router-dom v4路由器不工作时,可能有以下几个原因和解决方法: ...
将react-router-dom 版本降级到 5 或以下 1. 使用 <Routes> 而不是 <Switch> 修复“‘Switch’ is not exported from ‘react-router-dom'” 错误的一种方法是将<Switch>替换为<Routes>。 让我们来看一个示例,看看如何将路由代码从 React Router 版本 5 中已废弃的<Switch>组件更新为 React Router 版本 ...
import { Router, Routes, Route, Link } from "react-router-dom"; import "./App.css"; interface IProps { appHistory: any; } function App(props: IProps) { const { appHistory } = props; return ( <Router location={appHistory.location} navigator={appHistory}> <Link to="/"> Home...
我当前的应用程序正在使用"react-router-dom": "^6.4.1"。我有两个问题。 导航到其他页面时,主页active类未删除。新页面和主页仍然有active类名。 我总是使用NotFound页面。即使当我点击其他页面时,我也在NotFound页面。 有人能帮我理解这个问题吗?
一、基本使用首先安装依赖npm i react-router-dom引入实现路由所需的组件,以及页面组件import { BrowserRouter, Routes, Route } from "react-router-dom"; import Foo from "./Foo"; import Bar…
我正在学习 React,它只是一个从路由开始的简单项目,它不显示错误消息,当我单击链接时它不起作用但保留在登录页面中。 这是我的 App.js 代码: import React from 'react'; import { BrowserRouter as Router, Switch, Route} from 'react-router-dom'; ...
我遵循仅使用 react-router-dom 并从 react-router-dom 导入 BrowserRouter 和 Route 的指导。但我收到一个错误: ./src/App.js Attempted import error: 'Route' is not exported from 'react-router-dom'. 不知道我在这里做错了什么? 这是我的 App.js ...