控制台报错:Browserslist: caniuse-lite is outdated.

2,718 阅读1分钟

VUE搭建的系统,启动时控制台报错如下信息:

Browserslist: caniuse-lite is outdated. Please run:

npx browserslist@latest --update-db

Why you should do it regularly: github.com/browserslis…

首先看下Browserslist是做什么用的?

Browserslist是用来处理浏览器兼容性的一个工具,可以智能添加css前缀,js的polyfill,兼容旧版的浏览器,提高代码的编译质量。Browserslist依赖 caniuse.com/?search=Web 网站数据

下载地址:

npm

github

Browserslist使用

在package.json文件中配置以下代码

"browserslist": [
    "> 1%",
    "last 2 versions"
  ]

具体配置语句如下:

image.png

如果想知道查询结果,可以通过browsersl.ist/ 查询

image.png

怎么解决Browserslist: caniuse-lite is outdated.

1. 根据提示执行npx browserslist@latest --update-db命令

npx : 无法将“npx”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。 所在位置 行:1 字符: 1

2. 执行npm i -g npx命令,安装npx

执行后出现了如下报错

$ pnpm up caniuse-lite  ERR_PNPM_NO_PACKAGE_IN_DEPENDENCIES  None of the specified packages were found in the dependencies.

Error: Command failed: pnpm up caniuse-lite

3. 执行 pnpm i caniuse-lite -D

4. 执行npx browserslist@latest --update-db

至此警告信息不再出现,问题得到了解决。