欢迎光临散文网 会员登陆 & 注册

启动vue项目,警告提示browserslist@latest --update-db,怎么回事?

2022-03-08 13:15 作者:老尚带你学前端  | 我要投稿

提示信息截图:

这要是这一句,Browserslist: caniuse-lite is outdated.

翻译过来就是:浏览器列表:caniuse lite已经过时。

这是一个警告,不是错误,不影响你项目的运行。你不管它,也没关系,现在咱们说的是怎么去掉它。

//-------------------------------

Browserslist在哪?

看,package.json文件,里面有Browserslist这一项

browserslist做什么用的?

根据提供的目标浏览器的环境来,智能添加css前缀

只要package.json配置了browserslist对象,需要的组件将自动匹配到并使用。

//-----------------------------

browserslist的npm地址:

https://www.npmjs.com/package/browserslist

网址是英文的,翻译成中文大概是这个意思,

//----------------------------

caniuse-lite,是什么?

简单的说,Browserslist的浏览器数据来源就是这个caniuse-lite。

关于caniuse-lite的更多信息,可以自行百度

现在就是说,你这个vue项目里的 caniuse-lite is outdated,它过时了。

//---------------

怎么办?

很简单,你把caniuse-lite更新一下就行了。就这句,

执行:npx browserslist@latest --update-db

执行过程就这样的,

然后就ok了,没有警告提示了,项目正常启动、运行

最后跟同学们说,遇到报错啊、警告啊,这都是正常的,不要慌。社会在发展,时代在进步。这不一定是你做错了什么。因为现在vue、react、node等这类框架,都应用了大量的第三方包,它们经常会自己更新。

有时它们一更新,就会引起你的项目的变化,有时就会引起一些问题。那么根据相关提示,百度、google多查一查,解决它们就是了。

没必要在那胡思乱想什么,哎呀我学着怎么这么费劲啊?我是不是不适合啊?是不是node或其它的什么版本问题啊?

想这些都没必要,也没意义,大家都不是小孩了,遇到问题解决问题就ok了。


启动vue项目,警告提示browserslist@latest --update-db,怎么回事?的评论 (共 条)

分享到微博请遵守国家法律