DCloud_heavensoft
DCloud_heavensoft
  • 发布:2019-01-20 09:35
  • 更新:2024-06-19 09:31
  • 阅读:55840

uni-app编译报caniuse-lite is outdated的处理方案

分类:uni-app

caniuse库过期问题的原因

uni-app的编译器是基于npm的,依赖了众多包括webpack在内的npm库,这些库又引用了一个三方库caniuser-lite。
caniuser-lite这个库的代码里有个浏览器兼容数据的更新检查,过老的数据影响自动补齐css前缀。
开发者平时写uni-app时并不需要手动补浏览器的css前缀,就是因为这个库在自动补前缀。
这个库它自己每半年过期一次,过期后会报错如下:

Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`

这个报警不影响编译成功,只是告警提示

对于熟悉npm的开发者,这个报警不足为奇,按命令提示更新即可。
但HBuilderX的很多开发者不熟悉npm,遇到问题可能就不知该怎么办了。
目前可用的解决方案如下几种:

解决方案1,升级HBuilderX或cli

不要用半年前的HBuilderX,或cli,持续保持升级。(HBuilderX2.8.11之前的版本存在过期问题,升级到2.8.11即可)

解决方案2,在老版HBuilderX下手动升级caniuse-lite的npm库

如果不想升级HBuilderX ,也可在老版下解决问题。

  • 项目是HBuilderX创建的
    1. 打开HBuilderX的安装目录, HBuilderX/plugins/uniapp-cli
    2. 删除node_modules以及package-lock.json
    3. 在当前目录执行npm install

  • 如果你的项目是cli创建的,请自行在cli环境下升级npm包
8 关注 分享
sonicsunsky Trust 1***@qq.com 1***@qq.com un 9***@qq.com 2***@qq.com 1***@qq.com

要回复文章请先登录注册

Y_

Y_

3.99版本还存在此问题 如何处理
2024-06-19 09:31
愿随风丶飘雪

愿随风丶飘雪

回复 愿随风丶飘雪 :
直接在HBuilderX/plugins/uniapp-cli目录下npm update caniuse-lite
2021-12-03 09:22
愿随风丶飘雪

愿随风丶飘雪

回复 愿随风丶飘雪 :
直接在HBuilderX/plugins/uniapp-cli目录下npm update caniuse-lite
2021-12-03 09:22
愿随风丶飘雪

愿随风丶飘雪

只升级一个库就行了 别都删了升级(这样容易出问题)
2021-12-03 09:22
愿随风丶飘雪

愿随风丶飘雪

回复 俊杰灬 :
有用,感谢
2021-12-03 09:21
俊杰灬

俊杰灬

直接在HBuilderX/plugins/uniapp-cli目录下npm update caniuse-lite就行了
2021-05-30 16:02
棱山

棱山

方案2搞的我其他项目也无法运行了。
2021-04-12 11:18
kdb

kdb

hbx版本2.6.16,打包时报以上错,按照方法二操作后,倒是不报错了,但是打完包之后就是新的2.8.11的基座打出来的包了。请问该如何解决?(PS:老项目v2模式写的,现在没法切换到v3模式,所以别问为什么不升级hbx,两个版本的hbx都有,新项目有用新的,老项目维护打包只能用2.6.16了)
2020-09-24 17:08
6***@qq.com

6***@qq.com

根据方法二删除node_model包之后,再重新 npm install 会报以下的错误,求解

npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID
npm ERR! errno ERR_TLS_CERT_ALTNAME_INVALID
npm ERR! request to https://registry.cnpmjs.org/@babel%2fplugin-syntax-decorators failed, reason: Hostname/IP does not match certificate's altnames: Host: registry.cnpmjs.org. is not in the cert's altnames: DNS:r.cnpmjs.org

npm ERR! A complete log of this run can be found in:
npm ERR! E:\node\node_cache\_logs\2020-09-17T02_41_59_188Z-debug.log
2020-09-17 10:48
易软

易软

回复 易软 :
OK了
2020-09-14 13:42