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

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

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

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

智慧校园平台解决方案-收费管理系统

收费管理系统简介:学生收费管理系统与教务系统,学工系统实现数据互通;实现网站支付功能,实现学生在家,在宿舍,只要能够上网即可通过支付宝,微信,网银对产生的订单进行支付。服务网大厅中的web网上查询使得数据查询更加便利,财务负责人通过平台查看学生收费情况,院系老师通过查询平台查询本院系实时收费情况等,...

2024前端面试真题之—VUE篇

添加图片注释,不超过 140 字(可选)1.vue的生命周期有哪些及每个生命周期做了什么? beforeCreate是new Vue()之后触发的第一个钩子,在当前阶段data、methods、computed以及watch上的数据和方法都不能被访问。 created在实例创建完成后发生,当前阶段已...

vue3父子组件传对象,子组件访问修改父组件对象中的属性值

在Vue 3中,父子组件之间的数据传输通常通过props和emit进行。父组件可以通过props向下传递数据给子组件,子组件则可以通过emit向上通知父组件更新数据。如果需要在子组件中修改父组件对象中的属性值,可以使用一个名为ref的Vue 3新特性。以下是一个示例,演示了如何在Vue 3中实现父子...

vue中组件之间的通信方式

** 1.1 父子组件**a. 父向子传数据: 第1种: 父通过属性传值,子组件通过props接收数据(注:props传过来的数据是单向的,不可以进行修改)第2种:子组件可以通过$parent来获取父组件里的数据和调用父组件的方法(注:数据是双向的,还要注意如用了UI组件并且在该UI组件里重新定义一...

双子座应用程序推出模型切换器以在Android上访问2.0

#头条精品计划# 快速导读谷歌推出了Gemini 2.0 Flash实验版,现已在其安卓应用中可用,之前仅在gemini.google.com网站上提供。新版本的15.50包含模型切换器,用户可以在设置中选择不同模型,包括1.5 Pro、1.5 Flash和2.0 Flash实验版。谷歌提醒,2.0...

「干货」FPGA设计中深度约束技巧及调试经验总结

今天跟大家分享的内容很重要,也是我们调试FPGA经验的总结。随着FPGA对时序和性能的要求越来越高,高频率、大位宽的设计越来越多。在调试这些FPGA样机时,需要从写代码时就要小心谨慎,否则写出来的代码可能无法满足时序要求。另外,最近跟网友聊天时,有谈到公众号寿命的问题,我觉得网络交换FPGA公众号应...