Vue.js开发：打包时报错Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`
<p><strong>一、问题如下</strong></p><p> <strong><span style="color: rgba(255, 0, 0, 1)">Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`</span></strong></p>
<p> 意思是caniuse-lite已经过时了。请运行下一个命令' npm update caniuse-lite browserslist '。</p>
<p> <img src="https://img2022.cnblogs.com/blog/1198161/202208/1198161-20220809111318839-699588068.png" alt="" width="720" height="149" loading="lazy"></p>
<p> 但是在终端执行提示的命令却是无效，重新打包时依旧会出现该提示。</p>
<p><strong>二、问题处理</strong></p>
<p> <strong>1.手动删除依赖中相应文件</strong></p>
<p> 在项目文件所在目录下，删除node_modules依赖目录下的<strong><span style="color: rgba(0, 0, 255, 1)">caniuse-lite、browserslist</span></strong>文件夹。</p>
<p> <strong>2.重新安装依赖</strong></p>
<div class="cnblogs_code">
<pre>npm i caniuse-lite browserslist</pre>
</div>
<p> 终端运行该命令，重新安装这两个依赖。</p>
<p> 这两个依赖主要作用就是处理前端页面的一些样式和脚本在各个浏览器中的兼容性问题，browserslist的数据来源是caniuse-lite，caniuse-lite是caniuse-db的精简版，兼容性的规则随着浏览器在不断地更新。因此在提示该内容时，打包成功之后项目依旧可以正常在浏览器中运行，不过由于<span style="color: rgba(255, 0, 0, 1)">使用过时的兼容规则的话可能使一些浏览器的css或js兼容可能会出现问题从而造成一些偏差或失效问题</span>。</p>
<p> </p><br><br>
来源：https://www.cnblogs.com/guobin-/p/16565272.html
頁:
[1]