Laravel Vue.js项目部署Heroku时vite build报错文件找不到
Laravel + Vue + Inertia.js 部署Heroku时Vite构建失败的排查方向
- 大小写不匹配:本地Windows/macOS默认大小写不敏感,Heroku用的Linux系统严格区分大小写。检查
CreateClassroomModal.vue里的导入路径大小写是否和实际文件完全一致,比如你写的/resources/js/Components/Modals/FormModal.vue,实际文件名是不是formModal.vue或者其他大小写差异的情况?本地能正常编译但Linux下会判定文件不存在。 - 文件未提交到Git:确认
FormModal.vue已经被Git追踪并提交到仓库。检查.gitignore有没有误排除该文件或所在目录,Heroku只会部署Git仓库内的文件,本地存在但未提交的话,服务器上根本没有这个文件。 - 路径写法错误:避免用绝对路径
/resources/js/...导入,改用相对路径或者Vite别名。比如在CreateClassroomModal.vue里,应该用相对路径../../../../Components/Modals/FormModal.vue,或者如果配置了@指向resources/js,就用@/Components/Modals/FormModal.vue。不同环境下绝对路径的解析逻辑可能不一致,导致Heroku上找不到文件。 - Vite配置未生效:检查
vite.config.js里的路径别名配置是否正确,并且该配置文件已经提交到Git。如果本地依赖别名解析,但Heroku上Vite没读到正确的配置,也会出现路径错误。 - Heroku构建缓存干扰:旧的构建缓存可能引发异常,执行
heroku builds:cache:purge清除缓存后,重新推送代码触发构建试试。
内容的提问来源于stack exchange,提问作者Jacob
相关产品推荐
相关产品推荐

