npm run build时报错“caniuse-lite is outdated”

本文介绍了解决Vue项目中Browserslist和caniuse-lite依赖过时的三种方法,包括直接更新所有依赖、仅更新指定依赖以及使用npm-check-updates工具进行智能更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

报错

Building for production...Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade caniuse-lite browserslist`

解决办法

npm i autoprefixer@latest 
npm i caniuse-lite@latest 
npm i caniuse-lite browserslist@latest

vue 里面的依赖安装有的时候不需要全部更新,只有一个更新的时候需要做在yarn.lock中找到需要更新的依赖删除掉,然后再更新。

这里遇到的就是caniuse-lite依赖需要更新。有两种方法可以解决这个问题。

第一种就是删除 yarn.lock和node_modules依赖包后直接 yarn install 安装,这样有个问题就是不止一个依赖包会安装,所有的都会更新。如果出现新的语法和新的属性不一样的话就会报错。特别是使用eslint的时候很明显。

第二种是在yarn.lock中找到 Browserslist 和 caniuse-lite 给删除掉,然后 更新依赖包yarn upgrade caniuse-lite browserslist

还有一种方法和第一种差不多

// 先下载
yarn global add npm-check-updates
// 更新包(yarn.lock和package.json同步更新)
ncu --upgrade --upgradeAll && yarn upgrade
yarn upgrade-interactive --latest
// 需要手动选择升级的依赖包,按空格键选择,a 键切换所有,i 键反选选择
yarn upgrade package@version
// yarn.lock和package.json都会更新,但是会进行版本锁定 “echarts”: “4.2.0-rc.2”

PS E:\soft\finnal\yuanma2\crm1> npm run build:portable > crm1@0.1.0 build:portable > vue-cli-service build --modern && electron-builder --win portable 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 All browser targets in the browserslist configuration have supported ES module. Therefore we don't build two separate bundles for differential loading.Building for production...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 ⠋ Building for production...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 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 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 ⠙ Building for production...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 ⠹ Building for production...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 ⠼ Building for production...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 ⠹ Building for production...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 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 ⠙ Building for production... WARNING Compiled with 4 warnings 08:31:03 warning /js/chunk-vendors.1a0a0613.js is 2.28 MB, and won't be precached. Configure maximumFileSizeToCacheInBytes to change this limit. warning asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impact web performance. Assets: img/0001.bbc23d94.jpg (1.85 MiB) css/chunk-vendors.7d75f85b.css (306 KiB) js/chunk-vendors.1a0a0613.js (2.17 MiB) warning entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance. Entrypoints: app (2.6 MiB) css/chunk-vendors.7d75f85b.css js/chunk-vendors.1a0a0613.js css/app.e3c96718.css js/app.22cb88f3.js warning webpack performance recommendations: You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application. For more info visit https://webpack.js.org/guides/code-splitting/ File Size Gzipped dist\js\chunk-vendors.1a0a0613.js 2222.03 KiB 687.66 KiB dist\js\app.22cb88f3.js 130.49 KiB 17.91 KiB dist\workbox-5b385ed2.js 14.11 KiB 4.93 KiB dist\service-worker.js 1.20 KiB 0.76 KiB dist\css\chunk-vendors.7d75f85b.css 305.86 KiB 42.07 KiB dist\css\app.e3c96718.css 1.40 KiB 0.63 KiB Images and other types of assets omitted. Build at: 2025-07-03T00:31:03.176Z - Hash: 9fc57e568ce674b2 - Time: 40125ms DONE Build complete. The dist directory is ready to be deployed. INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html • electron-builder version=26.0.12 os=10.0.19041 • description is missed in the package.json appPackageFile=E:\soft\finnal\yuanma2\crm1\package.json • author is missed in the package.json appPackageFile=E:\soft\finnal\yuanma2\crm1\package.json • writing effective config file=dist\builder-effective-config.yaml • executing @electron/rebuild electronVersion=37.2.0 arch=x64 buildFromSource=false appDir=./ • installing native dependencies arch=x64 • completed installing native dependencies • packaging platform=win32 arch=x64 electron=37.2.0 appOutDir=dist\win-unpacked
最新发布
07-04
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值