使用Vite构建Vue3应用部署Vercel时遇RollupError求助

• 检查文件名大小写一致性
  本地Windows/macOS环境默认不区分文件名大小写，开发时路径大小写不匹配也能正常加载，但Vercel使用的Linux环境严格区分大小写。确认childform文件夹和childForm.vue文件名的大小写，与你在HomePage.vue中引用的路径完全一致，比如引用路径是../components/childform/childForm.vue，实际文件就不能是ChildForm.vue或ChildForm文件夹。

• 配置Vite路径别名（推荐）
  在vite.config.js中配置路径别名，避免相对路径层级出错，同时统一路径写法：

  import { defineConfig } from 'vite'
  import vue from '@vitejs/plugin-vue'
  import path from 'path'
  
  export default defineConfig({
    plugins: [vue()],
    resolve: {
      alias: {
        '@': path.resolve(__dirname, './src')
      }
    }
  })
  

  之后在HomePage.vue中用别名引用组件：

  import ChildForm from '@/components/childform/childForm.vue'
  

• 确认Vercel工作目录设置
  进入Vercel控制台的项目设置 -> Build & Development Settings，检查Root Directory是否指向项目根目录。如果项目在子文件夹中，需手动指定该子文件夹路径，避免Vercel找不到文件。

• 清理缓存重新部署
  先在本地执行npm run build测试是否能正常构建，若本地构建正常，说明是Vercel缓存问题。在Vercel构建页面点击"Redeploy"，并选择"Clear build cache"重新部署。

• 检查.gitignore规则
  确保.gitignore没有排除src/components/childform/childForm.vue文件，若该文件被Git忽略，Vercel拉取代码时会缺失此文件，导致构建报错。

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