Vue —— 打包时报错：Browserslist: caniuse-lite is outdated. Please run next command `npm update`

最新推荐文章于 2024-06-05 23:13:57 发布
最新推荐文章于 2024-06-05 23:13:57 发布
阅读量4.3k 收藏 1
点赞数 1
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kiruthika/article/details/121560158
版权

在这里插入图片描述
报错提示： browserslist 和 caniuse-list版本低，更新即可

更新：

npm update caniuse-lite

如果执行完上面的命令，打包还报上面的错，那就把本地的node_module文件中的browserslist和caniuse-lite文件删除掉，重新执行：

npm i browserslist caniuse-lite

更新后版本前后对比：

caniuse-lite : 1.0.30001282 ====> 1.0.30001283
browserslist : 4.16.3 ====> 4.18.1
贝塔贝卡贝
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
caniuse-lite:caniuse-db 的一个小版本，只有基本的东西！
08-04
caniuse-lite caniuse-db 的一个小版本，只有基本的东西！ 为什么？ 背后的完整数据对任何前端开发人员都非常有用，并且在网站上，数据库中的所有详细信息都显示给用户。 然而，在自动化工具中，； 这不是服务器端消费的问题，而是客户端，我们发送给最终用户的 JavaScript 越少越好。 caniuse-lite 是一个较小的数据集，它以紧凑的格式保存数据的重要部分。 它以多种方式执行此操作，例如将null数组条目转换为空字符串，将支持数据表示为整数而不是字符串，以及使用 base62 引用而不是更长的人类可读键。 然后将此打包数据重新组装（通过此模块公开的函数）为更大的格式，该格式主要与 caniuse-db 兼容，因此它几乎可以用作 caniuse-db 的替代品，用于磁盘大小的上下文很重要； 例如，在网络浏览器中的使用。 API 差异非常小，在下面的部分中有详
vue-hljs-lite:轻量级的Highlight.js Vue组件
04-28
vue-hljs-lite 轻量级的Highlight.js Vue组件安装npm install --save highlight.js vue-hljs-lite用法在您的main.js中： 默认的Highlight.js import导入所有语言，因此仅导入所需的库和语言可能会更有效。...
caniuse-lite is outdated. Please run next command `npm update`
希望能找到你的答案
06-12 2万+
一、简述 最近打包vue项目时，执行npm run build，会提示：caniuse-lite is outdated. Please run next command `npm update`，其实并不影响打包，可以正常访问项目网站。 但是如果使用了tfs的自动化发布以及编译，那就不一样了，会报错，中止编译生成，如下图： 二、解决方案 1、删除项目node_modules文件夹下面：caniuse-lite、browserslist两个文件夹。...
解决Browserslist: caniuse-lite is outdated.The code generator has deoptimised the styling of xxx as it
最新发布
王亮的博客
06-05 285
解决 Browserslist: caniuse-lite is outdated. 解决 he code generator has deoptimised the styling of xxx as it exceeds the max of 500KB.
项目打包报错“caniuse-lite is outdated. Please run next command `npm update`”的解决方案
博哥的二进制世界
03-29 2万+
背景 最近项目打包的时候，本地打包没有问题，且能正常运行，但是一旦放到了容器上进行自动构建和发布的时候，就会报错caniuse-lite is outdated. Please run next command `npm update，并终止编译和打包 解决方案 法一：npm update 这里提示我们需要npm update，需要注意的是，我们不能直接npm update，因为这会让我们所有的依赖包全部update,我们需要带上包名，所以应该这样写命令： npm update caniuse-lit
uni-app编译报caniuse-lite is outdated的处理方案
SilentChord
04-03 2170
不要用半年前的 HBuilderX，或 cli ，持续保持升级。另外 alpha 版是正常的）uni-app的编译器是基于npm的，依赖了众多包括mpvue、webpack在内的npm库，这些库又引用了一个三方库caniuser-lite。caniuser-lite这个库的代码里有个浏览器兼容数据的更新检查，过老的数据影响自动补齐css前缀。开发者平时写uni-app时并不需要手动补浏览器的css前缀，就是因为这个库在自动补前缀。对于熟悉npm的开发者，这个报警不足为奇，按命令提示更新即可。
解决方案：Browserslist：caniuse-lite is outdated. Please run next command `npm update`
热门推荐
qq_42961150的博客
09-24 6万+
在运行一个很久没运行的vue的时候，突然出现该警告： Browserslist: caniuse-lite is outdated. Please run next command `npm update` 简单翻译一下：caniuse lite已过时。请运行下一个命令npm update 按照提示运行npm update还是没解决，于是查阅了资料找到了最有效的解决方案 解决方案： 先删了node_modules/caniuse-lite和node_modules/browserslist两个
vue-update-message:vue.js小型插件，用于向用户显示UI消息
04-29
npm intall vue-update-message 用法 import Vue from 'vue' ; import messageService from 'vue-update-message' ; Vue . use ( messageService ) ; ... //Success message this . $message . success ( "This ...
vue-js-bridge:Vue.js的vue-js-bridge
05-14
npm i vue-webview-js-bridge // main.js import Vue from 'vue' import VueJsBridge from 'vue-webview-js-bridge' Vue . use ( VueJsBridge , { debug : true , nativeHandlerName : 'testObjcCallback' , ...
vue3-ts-happysooner-web：happysooner.com的vue3版本https：vue-next.happysooner.com
02-23
npm i npm run dev 部署方式 docker方式已写好dockerfile文件。 常规部署与常规vue项目相似。 注意事项 本项目的代码风格可能会存在各种混搭，其目的主要是为了实践，从工程的角度来说，不是最佳的，多人协作最好...
vue-use-reducer：Vue.js的useReducer
02-16
$ npm i vue-use-reducer@next 对于Vue v2 以下命令将安装vue-use-reducer v1。 $ yarn add vue-use-reducer // or $ npm i vue-use-reducer 您可以使用以下命令安装v2。 当与vue v2一起使用时，它取决于 。 $ ...
运行vue项目时报Browserslist:lcaniuse-lite is outdated.Please run npx browserslist@latest --update-db解决办法
Darren洋的博客
04-29 1795
运行vue项目时报Browserslist:lcaniuse-lite is outdated.Please run npx browserslist@latest --update-db解决办法
uni-app系列（十）：Browserslist: caniuse-lite is outdated. Please run next command `npm update`
Mr_chen的博客
09-07 1万+
????摘要 今天分享下 —— uni-app 系列（十）：HBuilderX 报错Browserslist: caniuse-lite is outdated. Please run next command npm update 的一些基本知识，欢迎关注！ 欢迎阅读，总结系列：野蛮生长的 uni-app 学习之路 ????分享 今天用 HBuilderX 运行 uni-app 项目，突然蹦出一个告警： 报caniuse-lite is outdated的处理方案 Browserslist:
解决 Vue项目报错 Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest
qq_31594665的博客
01-22 5515
在本地电脑上找到项目的node_modules文件夹下面：caniuse-lite、browserslist两个文件夹。并把caniuse-lite、browserslist这两个文件夹删除。然后运行下面的命令重新安装caniuse-lite、browserslist。Vue项目打包或者本地预览是报。
【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案
No8g攻城狮的博客
05-29 1万+
最近项目打包的时候，本地打包没有问题，且能正常运行，但是一旦通过 CI/CD进行自动构建和发布的时候，就会报错Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest，并终止编译和打包。但是，但是，如果一旦通过 CI/CD进行自动构建和发布的时候，就会报错并结束打包，最后会导致打包失败。下图是本地电脑打包的时候报的错误信息，但是最终不影响项目构建和打包，可以打包成功。
控制台报错：Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade`
yangwq的博客
05-15 3万+
控制台报错：Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade` 浏览器列表caniuse lite已过时。请运行下一个命令'yarn upgrade` 解决方案： 1.删除该项目node_modules下面的caniuse-lite和browserslist这两个文件夹 2. 运行命令 npm i caniuse-lite browserslist ...
Browserslist: caniuse-lite is outdated. Please run:npx browserslist@latest --update-db
yf18040578780的博客
01-17 1万+
Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db
Browserslist：caniuse-lite is outdated. Please run next command `npm update`
qq_44290725的博客
07-26 1652
Browserslist：caniuse-lite is outdated. Please run next command `npm update` 解决警告
控制台报错：Browserslist: caniuse-lite is outdated. Please run: npx browserslist@latest --update-db
小栗子的博客
10-31 2万+
在项目文件所在目录下，删除node_modules依赖目录下的caniuse-lite、browserslist文件夹。这两个依赖主要作用就是处理前端页面的一些样式和脚本在各个浏览器中的兼容性问题，终端运行该命令，重新安装这两个依赖。
Browserslist: caniuse-lite is outdated. Please run:
09-06
- *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-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值