React-router导入Link报错

最新推荐文章于 2024-09-08 23:37:53 发布
最新推荐文章于 2024-09-08 23:37:53 发布
阅读量564 收藏
点赞数 2
分类专栏： react 文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21484935/article/details/116278601
版权
本文介绍如何修复在使用React Router时遇到的'Link'未导出错误，通过yarn add react-router-dom或npm install react-router-dom，然后更新为BrowserRouter重新引入，确保前端路由组件正常工作。
摘要由CSDN通过智能技术生成

按以下导入，出现“Link” is not exported from “react-router”错误

import { Router , Route , Link } from "react-router";

在这里插入图片描述

解决方案

yarn add react-router-dom 
或者
npm install react-router-dom

重新引入

import { BrowserRouter as Router , Route , Link } from "react-router-dom";
react 导入 react-router-dom@6.3.0版本,引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom‘
m0_63573982的博客
05-30 933
如上图所示报错,经过查阅学习: react-router-dom从V5升级到V6后，有些使用做了改变： (1) Switch 重命名为 Routes // v5中: exact 精确路由 component 组件 <Switch> <Route exact path="/"> <Home /> </Route> <Route path="/profile" component={Profile}> ..
react-router-dom的使用；react 路由实现的基本原理 和 浅谈前后端路由
FOR 的博客
09-01 527
react 路由学了好久，断断续续的，也开学了。忙这忙那。 呼呼 。终于学完这一章节了 内容有点多，5.1 的相关知识只是浅谈，需要深入了解可以找找其他博文。如果这里有不对请指正啦。 第五章 — react-router 5.1 相关知识 1. 浅谈网页发展 1.1后端渲染阶段 早期网页 早期网页是由 jsp/php 代码开发，基本是html和css 它的请求过程是输入网站后，发送到服务器，服务器会将完整的网页返回，也就是已经渲染完成的网页，包括一些图片资源等。 这个也就是后端渲染，即请求回来的即使渲染.
react-router中Link/的属性详解
11-29
本文主要给大家介绍了关于react-router中 的属性的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍： 使用Link标签 // 字符串定位描述符 String location descriptor. <Link to="/hello"> Hello </Link> // 对象定位描述符 Object location descriptor. <Link to={{ pathname: '/hello', query: { name: 'ryan' } }}> Hello </Link> // 函数返回定位描述符Function returning location d
安装React-router之后报错Link‘ is not exported from ‘react-router‘
m0_55645703的博客
09-08 441
原因： 可能产生的原因是React中文文档更新的滞后 按照官网上 //安装 npm install --save react-router //导入 import { Router, Route, Link } from ‘react-router’ 然后就会报错 解决办法： //安装：react-router-dom npm install react-router-dom //然后再导入 import { Router, Route, Link } from ‘react-.
React Router中Link和NavLink的学习总结
最新发布
xiaokanfuchen86的博客
09-08 241
react
React-router V4中Link组件的坑
a15088712506的博客
01-23 6631
初学react，跟着教程码下来，到了页面跳转的时候遇到个坑 最开始报错Link组件没找到，如图 然后跟着教程里的方法 Import { Link } from ‘react-router’  引入了Link组件，又报错了，说react-router依赖里面没有一个叫Link的组件，如图 百度了半天，发现写的没毛病，去node_modules里面找react-route
react-router 路由之间数据的传递
白小起
04-21 662
1.withRouter（高阶组件HOC） import { withRouter, RouteComponentProps } from "react-router-dom"; props继承RouteComponentProps interface PropsType extends RouteComponentProps { id: string | number; size: "large" | "small"; imageSrc: string; price: numb.
react-router高级使用
gercke的博客
11-30 1212
三. react-router高级使用 1. 路由嵌套 在开发中，路由之间是存在嵌套关系的。 这里我们假设about页面中有两个页面内容： 商品列表和消息列表； 点击不同的链接可以跳转到不同的地方，显示不同的内容； import React, { PureComponent } from 'react'; import { Route, Switch, Link } from 'react-router-dom'; //下面是函数式组件 function AboutProduct(props) {
React Router（三）
lqiqil的博客
04-13 175
。
React项目搭建 router5.0+mobx
exaggerate_smile的博客
12-25 347
一个基础的项目搭建,使用Router5.0 + Mobx状态管理仓库
react.js报错信息（一）之error: 'Link' is not exported from 'react-router'.
追梦猪的博客
09-30 818
使用路由 提示'Link' is not exported from 'react-router'报错代码如下importReact,{Component}from'react'; importlogofro...
React 解决 react-router-dom ^6.0.2 报错: A ＜Route＞ is only ever to be used as the child of ＜Routes＞
weixin_60463255的博客
11-27 1413
npm i react-router-dom并引入模块后编写路由，却报错: A ＜Route＞ is only ever to be used as the child of ＜Routes＞。这是因为react-router-dom^6.0.2高版本的router写法改变。如果想要遵从以前的写法，也可以修改版本依赖为低版本如^4.2.2。如果想适应新版本的写法，解决方法如下。 无论高低版本，src>index.js中引入BrowserRouter并包裹App： import R...
React中低版本 ^6 以下 react-router-dom 使用时报错问题处理
一个超爱喝可乐的web前端攻城狮
12-17 815
React中低版本 ^6 以下 react-router-dom 使用时报错问题处理 安装react-router-dom npm add react-router-dom 1,在旧版本中我们写入react路由 import React from 'react' import ReactDOM from 'react-dom' import { BrowserRouter as Router, Route, Link } from 'react-router-dom' const One = ()
react-router-dom 更新版本，解决报错问题
星河梦~的博客
11-29 1731
在运行代码的时候，发现页面报如下错误： 然后检查了我的路由跳转以及路由匹配，发现没有什么问题。 那么是什么原因导致报错了呢，在仔细检查过后，发现是react-router-dom更新版本了 我用过的老版本有：^5.2.0版本， 以及^5.3.0版本。 而现在的版本是： 如果是之前的老版本，用上面的路由跳转及匹配的方法是可以的，页面可以运行。 现在的新版本，页面报错了。 解决办法： （1）在react-router-dom导入Routes模块; （2）使用Routes包裹Route，并且将原来的
React 路由（Router、Link、Route）
jojo1001的博客
11-15 1207
React Router 1.Router Router我们可以把它看做是react路由的一个路由外层盒子，它里面的内容就是我们单页面应用的路由以及路由组件。 import { BrowserRouter as Router } from "react-router-dom"; class Main extends Component{ render(){ return( <Router> <div>
阿里飞冰使用Link路由跳转报错之“react-router”与“react-router-dom”
mineblogjw的博客
10-30 1798
需求：首页链接点击跳转二级页面 错误实现：引入路由模块，使用Link跳转（如最下面的那张图） 因为之前没有接触过react，飞冰也是新用。所以某度了很久，react路由跳转，react官方文档，各种文章，未果。飞冰创建的路由配置文件也跟大部分react路由文件写法不太一致，所以我找的很吃力。最后查看了package.json文件发现了问题所在，飞冰构建的react项目使用的是第四代的路由模块，...
react-router原理之Link跳转
weixin_34218890的博客
05-24 2361
react-router原理之路径匹配一文中讲了react-router如何根据url进行路径匹配进而完成不同的组件渲染。接下来继续讲一下如何改变url。仍旧以官网为例，演示地址 const BasicExample = () =&gt; ( &lt;Router&gt; &lt;div&gt; &lt;ul&gt; &lt;li&gt; ...
React Router DOM 升级到 v6 后的一些报错信息
GoldenaArcher的博客
04-23 2209
React Router DOM 升级到 v6 后的一些报错信息 之前在 React Router 的基本应用 讲了一下 react-router-dom 的一些基础用法。虽然那篇笔记写于去年，但是 react-router-dom 中有一些 breaking changes 导致原本的 API 已经被弃用。如果使用 npm i react-router-dom@5 的话，那么那篇笔记还是适用的，不过如果默认下载最新版本，那么程序就会抛出异常从而跑不起来。 报错 1：‘Switch’ is not expo
明明使用 v5版本的react-router-dom但还是报错找不到 usehistory
09-01
总的来说，如果你正确安装了 v5 版本的 react-router-dom，并正确导入和使用 useHistory，就不应该出现找不到 useHistory 的错误。你可以再仔细检查一下以上的步骤，或者提供更多的错误信息以便我们更好地帮助你解决...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值