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
    评论
这个警告是由于caniuse-lite版本过旧导致的。可以通过以下两种解决方案来解决这个问题: 解决方案一:重新安装caniuse-litebrowserslist。可以使用以下命令重新安装它们: ``` npm uninstall caniuse-lite browserslist npm install caniuse-lite browserslist ``` 解决方案二:使用npm update命令更新caniuse-litebrowserslist: ``` npm update caniuse-lite browserslist ``` 你可以根据自己的需求选择其中一种解决方案来更新caniuse-litebrowserslist。同时,你可以参考browserslist和caniuse-lite的官方文档来获取更多信息。 <span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Browserslist: caniuse-lite is outdated. Please run:npx browserslist@latest --update-db](https://blog.csdn.net/yf18040578780/article/details/128717561)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@...](https://blog.csdn.net/weixin_44299027/article/details/130923093)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值