【报错】Browserslist: caniuse-lite is outdated. Please run: npx update ...

王海鱼 · 2024-9-23 04:59:19

问题

然后就出现这样的情况
在开发时，不知道动了哪块蛋糕，突然页面变成了这样子，打开控制台后，发现定义的px都被转换成了 rem，而且比力小，因此出现了这样的情况

分析

caniuse lite已过期

Browserslist 资助我们在浏览器兼容性和包巨细之间保持适当的平衡。使用 Browserslist，可以做到覆盖更广泛的受众（浏览器），同时包的体积也会保持最小化。
为什么要定期更新 caniuse-lite
浏览器兼容性：caniuse-lite 是 Browserslist 的一个数据源，用于提供差别浏览器和浏览器版本的支持数据。定期更新可以确保你的工具能够识别和支持最新的浏览器特性。
修复问题：更新数据库可以修复旧数据中的潜在问题和漏洞，确保你的项目在全部目标浏览器中能够正常工作。
使用新特性：新版本的 caniuse-lite 数据库包罗最新的浏览器信息和功能支持，更新可以让你使用新浏览器特性和改进。

解决

但是启动后还是会报错，因此在网上搜集了很多方法，比如：

不知道该方法有没有用，反正我用了之后没有什么效果，之后有时间了再研究研究怎么做或者大家有什么好的建议或者有效方案的话接待大家评论踩一下我
最后的解决是这样解决的：
在 index.html 文件中

复制代码

后续有时间了看看是动了哪块蛋糕导致页面突然出现这样的情况

补充【20240830】

由于使用上述办法都未曾成功，因此又做了一些功课，总结如下：
1.启动项目报错： npm run dev

2. 根据提示进行版本升级：npx update-browserslist-db@latest

3. pnpm 又对该依赖进行了升级：pnpm up caniuse-lite

因为我的项目中是使用 pnpm 进行作为依赖安装的工具

4. 升级之后依赖更新：pnpm install

5. 又重新进行了项目启动

至此，问题解决

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

		自动登录	找回密码
密码			立即注册

0 个回复