umijs引入link、router报错

2 篇文章 0 订阅
本文介绍了在umi框架中如何正确引用Link组件和router,以及如何根据.umirc.ts文件配置路由。首先,修复了umi/link导入错误,改为从umi导入Link。其次,将umi/router的使用方式更改为导入history来实现页面回退。最后,提醒开发者,删除.umirc.ts文件可以启用自动生成路由。通过这些调整,可以确保umi项目的路由管理和页面跳转正常运行。
摘要由CSDN通过智能技术生成

1.引入Link时控制台输出:umi/link in ./src/pages/index.tsx * To install it, you can run: npm install --save umi/link

import Link from "umi/link"

修改成以下方式

import {Link} from "umi"

2.引入router,页面不跳转

 import router from 'umi/router';
 <button onClick={() => { router.goBack(); }}>go back</button>

修改成:

import {history} from 'umi';
 <button onClick={() => { history.goBack(); }}>go back</button>

3.当有.umirc.ts文件存在时,路由会按照此文件配置的路由进行跳转
如果想自动生成路由,就删除.umirc.ts文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值