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

最新推荐文章于 2024-08-30 11:09:51 发布
原创 最新推荐文章于 2024-08-30 11:09:51 发布 · 4.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

博客介绍了在遇到browserslist和caniuse-lite版本过低导致打包错误时，如何通过更新这两个依赖并清理node_modules来解决问题。更新后，caniuse-lite从1.0.30001282升级到1.0.30001283，browserslist从4.16.3更新到4.18.1。

在这里插入图片描述
报错提示： 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
caniuse-lite:caniuse-db 的一个小版本，只有基本的东西！
08-04
caniuse-lite caniuse-db 的一个小版本，只有基本的东西！ 为什么？ 背后的完整数据对任何前端开发人员都非常有用，并且在网站上，数据库中的所有详细信息都显示给用户。 然而，在自动化工具中，； 这不是服务器端消费的问题，而是客户端，我们发送给最终用户的 JavaScript 越少越好。 caniuse-lite 是一个较小的数据集，它以紧凑的格式保存数据的重要部分。 它以多种方式执行此操作，例如将null数组条目转换为空字符串，将支持数据表示为整数而不是字符串，以及使用 base62 引用而不是更长的人类可读键。 然后将此打包数据重新组装（通过此模块公开的函数）为更大的格式，该格式主要与 caniuse-db 兼容，因此它几乎可以用作 caniuse-db 的替代品，用于磁盘大小的上下文很重要； 例如，在网络浏览器中的使用。 API 差异非常小，在下面的部分中有详
uni-app编译报caniuse-lite is outdated的处理方案
SilentChord
04-03 2608
不要用半年前的 HBuilderX，或 cli ，持续保持升级。另外 alpha 版是正常的）uni-app的编译器是基于npm的，依赖了众多包括mpvue、webpack在内的npm库，这些库又引用了一个三方库caniuser-lite。caniuser-lite这个库的代码里有个浏览器兼容数据的更新检查，过老的数据影响自动补齐css前缀。开发者平时写uni-app时并不需要手动补浏览器的css前缀，就是因为这个库在自动补前缀。对于熟悉npm的开发者，这个报警不足为奇，按命令提示更新即可。
npm报错
yanhaoren的博客
12-29 761
今天在写谷粒学院前端工程的时候，系统提示 Browserslist: caniuse-lite is outdated. Please run the following command: `npm update` 这个命令会将所有列出的包更新到最新的版本（由 package.json 中的版本号决定） 手贱了一下执行了这个命令，更新完后再次启动项目npm run dev报错： npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! financial
【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案
No8g攻城狮的博客
05-29 2万+
最近项目打包的时候，本地打包没有问题，且能正常运行，但是一旦通过 CI/CD进行自动构建和发布的时候，就会报错Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest，并终止编译和打包。但是，但是，如果一旦通过 CI/CD进行自动构建和发布的时候，就会报错并结束打包，最后会导致打包失败。下图是本地电脑打包的时候报的错误信息，但是最终不影响项目构建和打包，可以打包成功。
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-cli-service serve --mode dev Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest
最新发布
06-29
在使用 Vue CLI 构建或运行项目时，可能会遇到 `browserslist` 提示 `caniuse-lite` 过期的问题。这种错误通常表现为如下提示： ``` The --update-db command is deprecated. Please use npx update-browserslist-...
F:\node\npm.cmd run serve > mas-creator-admin@0.1.0 serve > vue-cli-service serve Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readme
06-06
在 Vue 项目中，如果遇到 `Browserslist: caniuse-lite is outdated` 的提示，可以通过以下方法更新 `caniuse-lite` 到最新版本。 #### 方法一：更新 `caniuse-lite` 和 `browserslist` 运行以下命令以更新 `cani...
> web@0.1.0 serve > vue-cli-service serve INFO Starting development server... Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readme
03-18
如果项目报错显示 `Browserslist: caniuse-lite is outdated.`，可以尝试手动更新 `caniuse-lite` 到最新版本： ```bash npm update caniuse-lite --depth=10 ``` 此命令会递归地查找并更新项目的依赖树中的 `cani...
demo@0.1.0 dev > vue-cli-service dev Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest Why you should do it regularly: https://github.com/browserslist/update-db#readme ERROR command "dev" does not exist.
03-08
### 解析 `vue-cli-service` 命令未找到错误 当遇到 `vue-cli-service: command not found` 错误时，通常是因为...npm update caniuse-lite --save-dev ``` 这会将最新的可用版本拉取下来并保存到开发依赖项之中。
Browserslist: caniuse-lite is outdated. Please run next commandnpm update caniuse-lite browserslis报错...
MichaelAn的博客
02-13 1067
Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslis 报错解决 问题 在 React 项目中，使用 npm install 安装全部依赖后，运行 npm run start...
解决 Vue项目报错 Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest
qq_31594665的博客
01-22 1万+
在本地电脑上找到项目的node_modules文件夹下面：caniuse-lite、browserslist两个文件夹。并把caniuse-lite、browserslist这两个文件夹删除。然后运行下面的命令重新安装caniuse-lite、browserslist。Vue项目打包或者本地预览是报。
uni-app系列（九）：uni-app编译报caniuse-lite is outdated的处理方案
Mr_chen的博客
09-07 2061
????摘要 今天分享下 —— uni-app 系列（九）：uni-app 编译报 caniuse-lite is outdated 的处理方案 的一些基本知识，欢迎关注！ 欢迎阅读，总结系列：野蛮生长的 uni-app 学习之路 ????caniuse库过期问题的原因 uni-app的编译器是基于npm的，依赖了众多包括mpvue、webpack在内的npm库，这些库又引用了一个三方库caniuser-lite。 caniuser-lite这个库的代码里有个浏览器兼容数据的更新检查，过老的数
控制台报错：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 update-browserslist-db@latest Why...
虎康的博客
08-30 1万+
浏览器兼容性：caniuse-lite 是 Browserslist 的一个数据源，用于提供不同浏览器和浏览器版本的支持数据。定期更新可以确保你的工具能够识别和支持最新的浏览器特性。使用 Browserslist，可以做到覆盖更广泛的受众（浏览器），同时包的体积也会保持最小化。利用新特性：新版本的 caniuse-lite 数据库包含最新的浏览器信息和功能支持，更新可以让你利用新浏览器特性和改进。修复问题：更新数据库可以修复旧数据中的潜在问题和漏洞，确保你的项目在所有目标浏览器中能够正常工作。
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. Please run next command `npm update`
qq_42961150的博客
09-24 7万+
在运行一个很久没运行的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两个
Browserslist：caniuse-lite is outdated. Please run next command `npm update`
qq_44290725的博客
07-26 1797
Browserslist：caniuse-lite is outdated. Please run next command `npm update` 解决警告
Browserslist: caniuse-lite is outdated. Please run next command `npm update`
热门推荐
前端原创分享，常年坚持记录和分享，全网阅读量超百万
03-04 9万+
今天打包vue项目，突然蹦出一个告警： Browserslist: caniuse-lite is outdated. Please run next command `npm update` 按照提示操作，运行npm update也没有解决。 于是我查询了一下npm手册，得知是不能直接运行npm update的，必须带上包名，所以应该这样写命令： npm update caniuse-lite...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值