当前位置:首页 > 技术分析 > 正文内容

Vite 项目打包遇到的问题(项目打包失败)

ruisui884个月前 (02-03)技术分析18

Vite 项目打包遇到无法下载依赖报错的问题,其实这个大部分原因就是源没切换成镜像加速,我就把常规遇到的问题记录下。

PS:如果是vs code一样要管理员运行,不然无法安装依赖,缺少权限。

检查 Node.js 和 npm 版本

确保您使用的 Node.js 和 npm 版本兼容 Vite。运行以下命令检查版本:

node -v
npm -v
  • 推荐使用 Node.js 16.x 或更新版本。
  • 如果版本太低,请升级 Node.js。

切换 npm 源(大部分报错都是源问题)

尝试使用淘宝镜像源或其他稳定的镜像源:

npm config set registry https://registry.npmmirror.com

然后重新安装依赖:

npm install

如果网络问题持续存在,可以清理缓存后重试:

npm cache clean --force

验证安装

完成后运行以下命令验证依赖是否安装正确:

npm list vite
npm list @vitejs/plugin-legacy
npm list vite-plugin-css-injected-by-js
  • 如果结果中有 vite@x.x.x,表示 Vite 已安装。
  • 如果没有显示 Vite,请重新安装 Vite:npm install vite --save-dev

如果一切正常,您可以重新运行打包命令:

npm run build

其他建议

如果您的网络环境持续不稳定,可以考虑使用 yarn 或 pnpm 替代 npm,它们在依赖管理和网络下载上更高效:

npm install -g yarn
yarn install
yarn build

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/845.html

标签: vite.js
分享给朋友:

“Vite 项目打包遇到的问题(项目打包失败)” 的相关文章

内存问题探微

这篇文章是我在公司 TechDay 上分享的内容的文字实录版,本来不想写这么一篇冗长的文章,因为有不少的同学问是否能写一篇相关的文字版,本来没有的也就有了。说起来这是我第二次在 TechDay 上做的分享,四年前第一届 TechDay 不知天高地厚,上去讲了一个《MySQL 最佳实践》,现在想起来那...

抖音 Android 性能优化系列:启动优化实践

启动性能是 APP 使用体验的门面,启动过程耗时较长很可能使用户削减使用 APP 的兴趣,抖音通过对启动性能做劣化实验也验证了其对于业务指标有显著影响。抖音有数亿的日活,启动耗时几百毫秒的增长就可能带来成千上万用户的留存缩减,因此,启动性能的优化成为了抖音 Android 基础技术团队在体验优化方向...

佳能 EOS R8 深度评测

佳能 EOS R8 的定位是入门级全画幅无反光镜可换镜头相机。尽管在产品阵容中处于这一位置,R8 仍然是一个强大的相机,配备了先进的 R6 II 同款成像传感器、快速处理器和令人难以置信的自动对焦系统,体积小、重量轻、价格低。这款相机是发烧友、旅行者、家庭以及任何想要全画幅传感器相机的人的绝佳选择。...

最快清除数组空值?分享 1 段优质 JS 代码片段!

本内容首发于工粽号:程序员大澈,每日分享一段优质代码片段,欢迎关注和投稿!大家好,我是大澈!本文约 600+ 字,整篇阅读约需 1 分钟。今天分享一段优质 JS 代码片段,用最简洁的代码清除了数组中的空值。老规矩,先阅读代码片段并思考,再看代码解析再思考,最后评论区留下你的见解!const arr...

22《Vue 入门教程》VueRouter 路由嵌套

1. 前言本小节我们介绍如何嵌套使用 VueRouter。嵌套路由在日常的开发中非常常见,如何定义和使用嵌套路由是本节的重点。同学们在学完本节课程之后需要自己多尝试配置路由。2. 配置嵌套路由实际项目中的应用界面,通常由多层嵌套的组件组合而成。同样地,URL 中各段动态路径也按某种结构对应嵌套的各层...

前端路由简介以及vue-router实现原理

作者:muwoo 来源:https://zhuanlan.zhihu.com/p/37730038后端路由简介路由这个概念最先是后端出现的。在以前用模板引擎开发页面时,经常会看到这样http://www.xxx.com/login 大致流程可以看成这样:浏览器发出请求服务器监听到80 端口(或443...