部署Vite React应用至GitHub时遇ENOENT错误求解决方案
解决React + Vite部署GitHub时的ENOENT错误
这个错误的核心原因是Vite默认打包产物目录是dist,你参考的YouTube视频步骤大概率是针对Create React App(默认输出build目录)的,导致部署脚本找不到指定目录。
修复步骤:
- 修改
package.json中的部署脚本:将原本指向build目录的命令改成dist。比如把"deploy": "gh-pages -d build"修改为"deploy": "gh-pages -d dist" - 先手动执行打包命令验证:运行
npm run build,确认项目根目录下生成了dist文件夹 - 重新执行部署命令:
npm run deploy
额外检查项:
- 确保Vite配置文件(
vite.config.js)中设置了正确的base属性,值为你的GitHub Pages仓库路径,例如base: '/newsApp/'(需替换为你的实际仓库名) - 确认
gh-pages依赖已安装:执行npm install gh-pages --save-dev确保包存在
内容的提问来源于stack exchange,提问作者Nadeesha Piushan
相关产品推荐
相关产品推荐

