Attempted import error: 'Link' is not exported from 'react-router'.

原创

祈澈菇凉 2021-07-28 16:33:45 ©著作权

文章标签 React 文章分类 前端开发

©著作权归作者所有：来自51CTO博客作者祈澈菇凉的原创作品，请联系作者获取转载授权，否则将追究法律责任

运行react项目的时候，会报出这样的错误

Attempted import error: 'Link' is not exported from 'react-router'.

解决办法
1:安装依赖

npm install react-router-dom

2:在要使用的组件里面引入

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

即可

上一篇：21个React开发神器

下一篇：从零开始学习React-引入Ant Design 组件（八）

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

在 React Router 中使用 JWT

在这篇文章中，我们将探讨 JWT 身份校验与 React 和 React-router 的无缝集成。我们还将学习如何处理公共路由、受校验保护路由，以及如何利用 axios 库通过身份验证令牌（token）发出 API 请求。创建一个 React 项目使用下方的指令会为我们创建一个项目$ npm create vite@latest react-jwt-cn然后我们选择 react&nb

ide 身份验证 ios
5 分钟掌握 react 中的 router

前言前端路由的作用就是将单页应用的状态处理成多页路由的样子，react 和 vue 的路由是一样的，一个地址对应一个组件，下面看看 react-router 的用法安装在 vue 中想要使用 router 需要进行安装，react 一样也需要安装目前 react-router 全称为 react-router-dom ，当前最新版是 6安装指令如下npm i react-router-dom@6L

二级 App Layout
ImportError: cannot import name 'LRScheduler' from 'torch.optim.lr_scheduler'

1.错误原因：可能是torch与transformers版本冲突；2.解决办法：更换一个版本的transformers即可

版本冲突
‘Link‘ is not exported from ‘react-router‘

出现这样的报错：前面已经安装了 react-router解决办法：安装react-router-dom:cnpm i react-router-dom -Dimport { BrowserRouter as Router, Rout

react.js Link Router
Attempted import error: ‘Switch‘ is not exported from ‘react-router-dom‘.

Attempted import error: 'Switch' is not exported from 'react-router-dom'.原因是在 react-router-dom 6.0以后 Switch 就不用了 Switch 修改为 Routes 无报错

es6 javascript 前端 react router
React：react-router

react-router

重定向当前页原生应用字符串子节点
React-Router Hooks

Route写法1<Route path="/child"> <Child /></Route>// 类似<Route path="/child" childr

react 数据函数返回 url参数
React-router 4 总结

React-Router 4: BrowserRouter包裹整个应用 Router路由对应渲染的组件，可嵌套 Link跳转专用首先然后其他组件: url参数 Route组建参数可用冒号标识参数 Redirect组件跳转 Switch只渲染一个子Route组件这些组件的使用: Browse

React 嵌套 url参数其他
react-router 学习笔记

前言：　　本文为个人学习react-router的总结。包括路由基础配置，跳转，权限管理，组件与路由配置的关系，代码分割。欢迎交流指导。一、路由基础　　1.路由配置 & 显示路由组件的view（类比angular的ui-view）　　路由配置：路由匹配的规则render(( <Router history={&nbsp

其他 require
react-router实现原理

获取html文件#后面的部分：window.location.hash添加onhashchange事件，监听路由变化：window.onhashchange=function(){}

react router 实现原理
react-router基本用法

说明：完整代码：require('./static/less/test.less')varReact=require('react')varReactDom=require('react-dom')varReactRouter=require('react-router-dom')varRouter=ReactRouter.BrowserRoutervarRoute=ReactRouter.Rou

react router 基本用法
图解 React-router 源码

深入理解路由本质

微信服务端依赖关系
React-Router API 参考

<Link>// 默认会被渲染成一个 `<a>` 标签<Link to="/about">About</Link>类似Vue Rou

react 内联函数字符串 html5
react-router 总结篇

基本认识react-router: 实现了路由的核心功能react-router-dom: 基于react-router，加入了在浏览器运行环境下的一些功能react-router-native: 基于react-router，加入了reac

运行环境文件服务器基本组件
对react-router的研究

React项目的可用的路由库是React-Router,当然这也是官方支持的。它也分为： react-router 核心组件 react-router-dom

字符串堆栈应用程序
React-router

官方文档：https://react-guide.github.io/react-router-cn/docs/guides/advanced/NavigatingOutsideOfComponents.html (强烈推荐) react-router入门可以看阮一峰老师的文章： http://ww

ide html 生命周期 github 传递参数
18 react-router

react-router: 它通过管理 URL，实现组件的切换和状态的变化，开发复杂的应用几乎肯定会用到。用法：子路由也可以不写在Router组件里面，单独传入Router组件的routes属性。组件有一个参数history，它的值hashHistory表示，路由的切换由URL的hash变化决定

程序设计
[React] React Router: Router, Route, and Link

In this lesson we'll take our first look at the most common components available to us in react-router; Router, Route, and Link.

[React]
react-router那些事儿

本篇文章介绍react-router。

前端框架异步请求内存泄漏官网生命周期
聊聊React的路由React-Router、react-router-dom

关于二者的区别　直接使用react-router-dom好了，react-router-dom封装了react-router，也依赖react-router-dom BrowserRouter vs HashRouterimport { BrowserRouter as Router } from 'react-router-dom';// import { HashRouter as Rout

github ide html 封装
python 结果输出中文

目录一、基础语法1.标识符2.注释3.缩进4.pass语句5.字符串二、输入输出python跟其它语言一样，都有属于自己的一种语法风格，但是在很大程度上，python跟其他语言又很相似一、基础语法1.标识符标识符，顾名思义，就是给对象起一个别名，定义一个用来装载数据的“容器”，对象的定义就不多赘述了python的标识符和C、C++以及Java都一样，是严格区分大小写的，比如a = 1 A = 2

python 结果输出中文 python 字符串缩进
emqx 服务器mqttx可以登录真机无法登录

【Mongoose笔记】MQTT 服务器简介Mongoose 笔记系列用于记录学习 Mongoose 的一些内容。Mongoose 是一个 C/C++ 的网络库。它为 TCP、UDP、HTTP、WebSocket、MQTT 实现了事件驱动的、非阻塞的 API。项目地址：https://github.com/cesanta/mongoose学习下面通过学习 Mongoose 项目代码中的 mqtt-

c语言 c++ mqtt 网络服务器
bgp路由表中MED

Q:AS号和BGP是一一对应的吗ChatGPT A:AS号（Autonomous System Number）和BGP（Border Gateway Protocol）是相关联的，但并不是一一对应的关系。 AS号是一个由互联网号码分配机构（如IANA、Regional Internet Registries）分配给自治系统（Autonomous System）的唯一标识符。自治系统是一组路由控制

bgp路由表中MED 信息与通信网络协议自治系统路由表
xshell加载镜像到本地运行

图文教程：Linux的云服务器数据盘未做分区和格式化，可以根据以下步骤进行分区以及格式化操作。一：登陆用Linux 的SSH 登陆软件（xshell 或者putty）登陆阿里云主机服务器。二：查看主机数据盘在没有分区和格式化数据盘之前，使用 “df –h”（回车）命令，是无法看到数据盘的，可以使用“fdisk -l”（回车）命令查看。如下图：友情提示：若您执行fdisk -

xshell加载镜像到本地运行操作系统运维数据盘根目录
android GradientDrawable 灰阶

RGB基础：RGB色彩模式使用RGB模型为图像中每一个像素的RGB分量分配一个0~255范围内的强度值。RGB图像只使用三种颜色，就可以使它们按照不同的比例混合，在屏幕上重现16777216种颜色。 RGB应用：目前的显示器大都是采用了RGB颜色标准，在

#define 取值范围颜色值

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯