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

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

ruisui883个月前 (02-03)技术分析10

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 项目打包遇到的问题(项目打包失败)” 的相关文章

2021最全VUE面试题,奥利给

1. vue-router用过没,哪些常用的钩子函数路由钩子的执行流程,钩子函数种类有:全局守卫、路由守卫、组件守卫。首页可以控制导航跳转, beforeEach , afterEach 等,?般?于页? title 的修改。?些需要登录才能调整??的重定向功能。beforeEach 主要有3个参数...

代码管理-9-gitlab的使用和设置

gitlab使用1、外观设置完成后保存,返回登录页面查看关于注册,有些公司是不允许打开的,,有些人数非常多的公司就需要打开注册的功能,让人员自己注册,我们来给他特定的权限就可以,毕竟人非常多的时候还由我们来给她们注册就非常不现实了,工作量会很大2、自动注册3、组&用户&项目创建组设置组名称、描述等创...

掌握版本控制:Git的那些常见用法与技巧

Git作为现代开发中最常用的版本控制系统,它的普及和高效性使得程序员几乎每天都在与它打交道。无论是个人项目,还是团队协作,Git都能帮助我们追踪代码的修改历史,保证代码版本的管理井井有条,并在多人协作时有效地避免冲突。本文将分享一些常见的Git用法与技巧,帮助你更好地掌握Git的强大功能,并提升你在...

内存问题探微

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

博信股份新战略后再推新品 TOPPERS E2耳机售价199元

中新网6月21日电 20日,博信股份在北京正式推出新品TOPPERS主动降噪耳机E2,这是博信股份继2月战略暨新品发布会后的第二次新品亮相。价格方面,TOPPERS主动降噪耳机E2零售价199元,并于6月20日下午4点在京东商城公开销售。据介绍,TOPPERS主动降噪耳机E2采用AMS(奥地利微电子...

数组、去重、排序、合并、过滤、删除

ES6数字去重 Array.from(new Set([1,2,3,3,4,4])) //[1,2,3,4] [...new Set([1,2,3,3,4,4])] //[1,2,3,4]2、ES6数字排序 [1,2,3,4].sort(); // [1, 2,3,4],默认是升序...