react+umi项目踩坑记

在React项目中使用umi-plugin-react插件遇到错误:`api.onOptionChange is not a function`。解决方法包括检查umi版本,确保Node.js版本符合要求,并将umi-plugin-react更新为@umijs/preset-react。此外,对于`umi/link`导入错误,需将导入语句从`import Link from 'umi/link';`更正为`import { Link }

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、项目报错api.onOptionChange is not a function

在react项目中添加umi-plugin-react插件之后发现运行不起来了,报错提示如下:

 解决方法如下:

1、检查umi的版本,如果是3.0以上的那么需要Node 10.13或以上,如果版本没问题的话

2、升级umi-plugin-react为@umijs/preset-react

在pageage.json中修改依赖  将umi-plugin-react修改为@umijs/preset-react

将以下红色部分的字体改为绿色的:

 

然后删除node_modules文件重新安装依赖即可

二、This dependency was not found:* umi/link in ./src/page/layout.jsx

引入umi的Link时一直报not  found

 

看一下我原来的写法是:

import Link from 'umi/link';

 这是因为umi3.0的版本是不支持这样的写法的,正确的写法是

import { Link } from 'umi';  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值