执行git push heroku master失败，Vite提示Rollup无法解析index.html的main.js导入

这个报错的核心是Vite构建阶段无法从index.html的相对路径解析到main.js文件，按以下步骤排查即可：

1 核对项目文件结构 #

• 确认main.js是否和index.html处于同一级目录，Vite官方默认模板会把main.js放在src目录下，此时index.html的引入路径应该修改为：

  <script type="module" src="/src/main.js"></script>
  

• 如果手动调整过项目目录结构，确保main.js的实际存储路径和index.html里的src属性写的路径完全匹配。

2 检查Vite配置 #

• 查看vite.config.js里是否配置了root、build.rollupOptions.input这类修改入口规则的配置，如果自定义了入口路径，要确保和index.html的引入路径对应。
• 如果配置了base字段为非根路径，要把引入路径改为绝对路径，开头加/，避免相对路径解析偏移。

3 检查Heroku部署配置 #

• 确认package.json中的build命令为vite build，没有修改为错误的构建指令。
• 确认main.js已经提交到git仓库，没有被.gitignore过滤，可以运行git ls-files | grep main.js检查，无输出则说明未提交，执行git add 对应路径/main.js提交后再重新部署。
• 确保.gitignore包含node_modules目录，不要把本地依赖上传到Heroku，避免环境差异导致构建异常。

修复完成后先在本地执行npm run build测试生产构建是否正常，本地构建无报错后再运行git push heroku master部署即可。

内容的提问来源于stack exchange，提问作者Flitz