阿里飞冰使用Link路由跳转报错之“react-router”与“react-router-dom”

需求：首页链接点击跳转二级页面

错误实现：引入路由模块，使用Link跳转（如最下面的那张图）

因为之前没有接触过react，飞冰也是新用。所以某度了很久，react路由跳转，react官方文档，各种文章，未果。飞冰创建的路由配置文件也跟大部分react路由文件写法不太一致，所以我找的很吃力。最后查看了package.json文件发现了问题所在，飞冰构建的react项目使用的是第四代的路由模块，react-router-dom，所以最后的问题就是引入错了模块包，哈哈哈哈，我真的很开心，不骗你。

解决方案：引入正确的模块react-router-dom替换react-router即可。（官方吐槽）

心得：出现问题的时候尝试从各个层面去找寻错误发生的原因，这次之后我就知道以后记得常去package.json看看。。。

阿里飞冰使用Link路由跳转报错之“react-router”与“react-router-dom”相关推荐

生产路由跳转报错找不到js路径问题
问题描述:点击路由跳转报错解决方案:问题原因是点击路由找不到js路径,修改打包配置为绝对路径,部署到tomcat根目录转载于:https://www.cnblogs.com/lcosima/p/9 ...
解决React中路由跳转报错:Cannot read property ‘push’ of undefined
React中路由跳转报错: 页面在Router中配置了,但组件无法使用 this.props.history.push() 进行跳转,并且会出现报错:Cannot read property 'pus ...
0809-vue(momentjs的使用弄时间撮日期的,父子传值props,生命周期函数beforedestroy与destroyed,黑云项目，解决相同路由跳转报错问题)
01-momentjs的使用: momentjs的官网: 直通车. <!DOCTYPE html> <html lang="en"> <head> ...
vue路由跳转报错解决
vue路由跳转: setTimeout(function () { console.log(this); this.$router.push("/login"); },800) 语 ...
Vue项目在IE浏览器上路由跳转报错
Vue2.x 项目,登录成功之后跳转到主页面,其他浏览器都是可以的,只有 IE 不行.错误如下 [vue-router] Failed to resolve async component defau ...
vue 路由跳转报错 redirected when going from via a navigation guard
主要是的代码里面路由跳转 404 进行了权限拦截: 404进行放行 if(to.name === '404') {next()}
Vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“.
在使用this.$router.push进行路由的跳转时,出现如下报错: 今天在开发的过程遇到了上述问题,通过查阅资料得到了解答,以自己的理解进行了整理报错原因: 当我们在使用编程式路由进行页面跳转 ...
tomcat跳转报错_微信小程序开发：使用reLaunch跳转时报错的解决步骤
最近在做微信小程序的一个项目,遇到一个微信小程序使用reLaunch跳转的报错的问题,为了避免以后出现同款错误的再次发生,特意用一篇博文记录一下,方便查阅使用.错误再现,具体错误日志提示如下所示:VM ...
解决Vue路由重复跳转报错
给一个元素绑定跳转路由的事件时,跳转后当我们重复点击时就会报以下错误: 原因:vueRouter版本问题, 解决方案1: 使用旧版本的VueRouter 3.0.xxx 解决方案2: 跳转路径后, ...

阿里飞冰使用Link路由跳转报错之“react-router”与“react-router-dom”

阿里飞冰使用Link路由跳转报错之“react-router”与“react-router-dom”相关推荐

最新文章

热门文章