Browserslist: caniuse-lite is outdated. Please run the following command: `npm update`

中途接手一个react项目,没有任何交接,没有原型和UI,只有源码,但是遇到一个巨恶心的问题,

其中有一个页面本地npm start的时候正常运行,但是npm run build构建之后,运行构建后的文件,一直有一个页面显示的是白板,控制台和console都不报错。非常恶心,一直找不到原因。

但是每次构建都会报这个

Browserslist: caniuse-lite is outdated. Please run the following command: `npm update`

npm update和 npm update caniuse-lite都执行过,也没用

最后这样解决了

npm uninstall  caniuse-lite browserslist

在重新装一下

sudo cnpm i caniuse-lite browserslist

在重新构建一下 npm run build就好了

 

下面顺便说一下如何在本地运行构建后的目录

#step1 安装serve
npm install serve --save -g
#step2 进入到dist目录
cd 你构建后的文件目录
# 一般为cd dist 或者 cd build
#step3 执行serve
serve
#项目就会在5000端口运行

这样可以在本地预览构建后的项目文件了。

https://www.npmjs.com/package/caniuse-lite

https://www.npmjs.com/package/browserslist

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值