DCloud_heavensoft
DCloud_heavensoft
  • 发布:2019-01-20 09:35
  • 更新:2021-12-03 09:22
  • 阅读:54636

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

回复 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
尐兀

尐兀

使用自定义原生组件 在运行自定义基座的时候报错
Module Error (from ./node_modules/weex-vue-loader/lib/template-compiler.js):
11:03:41.563 (Emitted value instead of an instance of Error) template syntax error tag <xqe-map> has no matching end tag.
11:03:41.563 文件查找失败:'!!../../../../soft/HBuilderX/plugins/uniapp-cli/node_modules/weex-vue-loader/lib/style-loader!stylus-loader?{"sourceMap":false}!../../../../soft/HBuilderX/plugins/uniapp-cli/node_modules/weex-vue-loader/lib/style-rewriter?id=data-v-3f4ae51c!../../../../soft/HBuilderX/plugins/uniapp-cli/node_modules/weex-vue-loader/lib/selector?type=styles&index=0!./index.nvue'
2019-01-21 11:07
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 爱上了你的 :
贴代码
2019-01-21 11:01
爱上了你的

爱上了你的

components 目录引用组件mp4文件显示查找失败
2019-01-21 10:08
近水楼台

近水楼台

....0
2019-01-21 09:32