DCloud_heavensoft
DCloud_heavensoft
  • 发布:2019-01-20 09:35
  • 更新:2024-11-27 11:34
  • 阅读:56621

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

要回复文章请先登录注册

Trust

Trust

回复 指尖上的代码 :
可以先参考这里的临时方案处理下:http://ask.dcloud.net.cn/question/64676
2019-01-22 10:25
指尖上的代码

指尖上的代码

回复 指尖上的代码 :
刚才试了下,编辑器我切换为上个版本,这些问题都好了
2019-01-21 15:55
指尖上的代码

指尖上的代码

placeholder垂直居中有点偏上,不知道是我以前没有注意,还是今天更新了编辑器的问题,在小程序下是没有问题的,但是h5的有问题。而且转h5,input高度不能给100%,看源码浏览器调试,发现因为外层套了元素导致的
<view class="item flex flexAIC">
<input class="" placeholder="请输入新手机号" type="number" value="" />
</view>
2019-01-21 15:52
l***@126.com

l***@126.com

模拟器运行第一次没有问题,修改后,就一直卡在 重新启动 那里~~~
2019-01-21 14:22
Trust

Trust

回复 7***@qq.com :
已发布更新修复此问题,请更新至 1.5.1 版本。
2019-01-21 11:38
Trust

Trust

回复 爱上了你的 :
使用绝对路径 '/static/demo1.mp4' 试试
2019-01-21 11:37
Trust

Trust

回复 尐兀 :
此问题请单独开个帖子,并提供下可以重现问题的项目,感谢配合。
2019-01-21 11:37
爱上了你的

爱上了你的

回复 DCloud_heavensoft :
文件查找失败:'../../../static/demo1.mp4' at components\moreCurious.vue:27

<view class="videoBox">
<video class="video-kuang" controls="false" src="../../../static/demo1.mp4"></video>
<cover-image class="wei-guan" src="../../../static/jingjie/charge.png"></cover-image>
</view>
2019-01-21 11:27
y***@163.com

y***@163.com

更新至1.5.1后编译报错:[BABEL] Note: The code generator has deoptimised the styling of undefined as it exceeds the max of 500KB. 请问如何解决?
2019-01-21 11:16
d***@126.com

d***@126.com

升级后编译运行一直停留在开始编译...
2019-01-21 11:15