前端Nodejs报错:Browserslist: caniuse-lite is outdated. Please run: npx update...

Date: 2025-06-03 20:35:37 author: lijianzhan

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

INFO Starting development server...

10% building 2/5 modules 3 active ...ules\cache-loader\dist\cjs.js??ref--13-0!D:\java_work\WarehouseManagerVue\node_modules\babel-loader\lib\index.js!D:\java_work\WarehouseManagerVue\src\main.jsError: error:0308010C:digital envelope routines::unsupported

前端开发场景

获取到一个前端Vue新项目时候,在命令行面板使用命令npm run dev时,发生报错提示

bash 复制代码
npm run dev

报错原因分析

1.浏览器列表:caniuselite已过时

2.nodejs版本过高

解决方案

1.去到package-lock.json文件搜索node,查看engines支持的nodejs版本

2.根据项目支持nodejs版本号使用nvm进行下载对应的nodejs版本,下面的示例是Windows环境下

bash 复制代码
// 查看NVM版本
nvm -v

//  查看可安装的node版本
nvm list available

// 查看nvm下载并安装的nodejs版本,还有当前使用的nodejs版本(*号指向)
nvm ls

// 切换nodejs版本
nvm use 16.13.0


相关推荐
八号当铺10 分钟前
从 Prompt 到 AI 工程化:理解 Rules、Skills 与 Agent
前端·ai编程·cursor
didadida26214 分钟前
子路径部署 Vue/React 应用偶发白屏
前端·后端
invicinble15 分钟前
前端框架使用vue-cli (第五层:构建打包层--总体层介绍)
前端·vue.js·前端框架
前端那点事19 分钟前
Vuex刷新数据丢失?4种持久化方案全覆盖,从零到项目落地(实战完整版)
前端·vue.js
Cerrda19 分钟前
性能提升 satisfying!一个 Vue3 指令干掉页面上 200 个无用 Tooltip 实例
前端·设计
漫游的渔夫20 分钟前
前端开发者做 AI Agent:别只渲染答案,用 7 个状态接住确认、错误和 trace
前端·人工智能·typescript
clove20 分钟前
从 LLM 到 Agent:一篇文章课带你彻底搞懂 AI 智能体的核心逻辑
前端
前端那点事22 分钟前
彻底吃透JS定时器!setTimeout/setInterval区别、坑点与最优优化方案(Vue实战)
前端·vue.js
ZC跨境爬虫26 分钟前
跟着 MDN 学 HTML day_27:(深入理解 HTML 属性反射机制)
前端·javascript·ui·html·音视频·媒体
ayqy贾杰32 分钟前
过去三年我做对了一件事
前端·面试·ai编程