DCloud_heavensoft
DCloud_heavensoft
  • 发布:2019-01-20 09:35
  • 更新:2019-04-04 11:52
  • 阅读:15392

uni-app编译报caniuse-lite is outdated的处理方案,及HX 1.5升级常见问题

分类:uni-app

=====更新:此问题已过期=======

caniuse库过期问题的原因

从1月20日开始,在HBuilderX 1.5版以前的版本中,uni-app编译器突然报错:

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

uni-app的编译器是基于npm的,依赖了众多包括mpvue、webpack在内的npm库,这些库又引用了一个三方库caniuser-lite。
caniuser-lite这个库的代码里有个浏览器兼容数据的更新检查,过老的数据影响自动补齐css前缀。
开发者平时写uni-app时并不需要手动补浏览器的css前缀,就是因为这个库在自动补前缀。
对于熟悉npm的开发者,这个报警不足为奇,按命令提示更新即可。
但HBuilderX为了降低使用门槛,日常开发不需要开发者了解npm,遇到问题可能就不知该怎么办了。
目前可用的解决方案如下几种:

解决方案1,升级HBuilderX 1.5

HBuilderX 1.5已经更新了更高版本的库,不存在此问题。目前HBuilderX的最新版本是1.5.2。

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

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

  • 如果熟悉npm:

    1. 按照提示执行 npm update caniuse-lite browserslist 后, 在 node_modules文件夹下会发现有 一个caniuse-lite 目录
    2. 打开HBuilderX的安装目录, 在目录下搜索caniuse-lite(搜索到5个结果,因为有多个库依赖了此库)
    3. 把搜索结果的5个文件夹, 用第1步更新到的文件夹进行替换
  • 不熟悉npm的,也可手动替换附件:

    1. 下载本帖附件 node_modules.zip (在正文底部)
    2. 解压得到文件夹 node_modules
    3. 将 node_modules 文件夹内的两个文件夹复制到 HBuilderX 安装目录的 uniapp 插件下的 node_modules 目录
      • mac 上的路径为:/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp/node_modules
      • windows 上的路径为:HBuilderX/plugins/uniapp/node_modules

如果你的项目是cli创建的,请自行在cli环境下升级npm包

降级回HBuilderX 1.4.1的方法

如果升级到HBuilderX 1.5,但希望降级。
方法1是点菜单帮助-还原上个版本。
方法2是点官网的历史版本,下载老版HBuilderX。

最后,HBuilderX1.5.2的releasenote见http://update.dcloud.net.cn/hbuilderx/changelog/1.5.2.20190121.html

3 关注 分享
sonicsunsky@qq.com Trust 1242425209@qq.com

要回复文章请先登录注册

zhaochenchen

zhaochenchen

我都更新到1.8.2了
2019-04-04 11:52
zhaochenchen

zhaochenchen

为什么还不可以官方可以出来说一下吗
2019-04-04 11:51
791672300@qq.com

791672300@qq.com

[错误] ERR: ./common/main.wxss(1:9): error at token `url`
2019-03-09 23:13
1318666078@qq.com

1318666078@qq.com

好无语啊,按照上面的方式手动替换附件后,还是一样的报错,这样玩法,初学者很难受啊。还有就是 node_modules 目录用 everything 搜索出来一大堆,这个文档上也不贴一个相对路径,怎么知道哪个是哪个?
2019-02-05 17:42
小明子

小明子

我表示有点虚。。。。
2019-01-29 14:46
DCloud_heavensoft

DCloud_heavensoft (作者)

回复 100000356@qq.com:
不可能的。可能是下的版本不对或升级未成功,重新操作下。
2019-01-26 11:33
928293891@qq.com

928293891@qq.com

Entry module not found: Error: [CaseSensitivePathsPlugin] `/Users/username/desktop/peojectname/main.js` does not match the corresponding path on disk `Desktop`. 我按照你们的方式进行修正 但是又遇见了一个问题
2019-01-25 15:56
100000356@qq.com

100000356@qq.com

我已经是1.5版本了啊,还是爆错误。Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`
2019-01-25 09:28
加班快乐

加班快乐

在main.js里全局引入nui-ui失败,自定义组件单独引入uni-ui失败,只能在页面上单独引入uni-ui
2019-01-24 09:21
1027012024@qq.com

1027012024@qq.com

升级后编译运行一直卡在开始编译,退回1.4.1没问题
2019-01-23 10:17
血魔东健

血魔东健

1. 升级后编译运行一直停留在“开始编译”,这是什么情况?
2. 回退成老版本后按照操作第一天没有问题,第二天还是会过期报错,需要重复前一天的操作才可以
2019-01-23 09:56
sunhong3104@foxmail.com

sunhong3104@foxmail.com

我的请求出了问题,GET和POST的的请求都出问题了
2019-01-22 14:14
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
lishijie0821@126.com

lishijie0821@126.com

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

Trust

回复 704465184@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
ynzkyxlx@163.com

ynzkyxlx@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
dickens20083@126.com

dickens20083@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
luoquanlu@qq.com

luoquanlu@qq.com

QQ群多少?前面官网重新下载也没有用。检测版本没有最新版
2019-01-20 10:53
704465184@qq.com

704465184@qq.com

升级完报了个新错误,[错误] ERR: ./common/main.wxss(1:9): error at token `url`
10:36:28.498 error file count: 0。没有这个文件
2019-01-20 10:39
fansunion@qq.com

fansunion@qq.com

很及时,点赞
2019-01-20 09:56