VueJS 3应用在Rocky Linux下build卡在“modules transformed”

针对你在Rocky Linux上部署Vue 3应用时遇到的构建卡住问题，试试以下几个实用方案：

• 开启调试日志定位卡点
  执行构建时增加调试参数，查看更详细的执行日志，明确卡在哪个环节：

  yarn build --debug
  # 或者用vite命令直接执行
  npx vite build -d
  

  日志会输出模块转换后的后续操作细节，比如资源打包、代码压缩、文件写入等，帮你定位具体问题。

• 检查并调整内存配置
  模块数量较多时，Node.js内存不足可能导致构建停滞：

  1. 先用free -h查看系统内存剩余情况
  2. 若内存紧张，临时增加Node内存限制后再构建：

     NODE_OPTIONS="--max-old-space-size=4096" yarn build
     

  3. 必要时给系统添加swap分区，缓解内存压力。

• 清理依赖并重新安装
  依赖冲突或损坏可能引发构建异常，按以下步骤操作：

  # 删除现有依赖和锁文件
  rm -rf node_modules yarn.lock package-lock.json
  # 重新安装依赖
  yarn install # 或 npm install
  # 再次尝试构建
  yarn build
  

• 临时禁用构建优化排查问题
  代码压缩（如terser）或资源优化插件可能卡住，先禁用相关配置测试：
  在vite.config.js中修改build配置：

  import { defineConfig } from 'vite'
  import vue from '@vitejs/plugin-vue'
  
  export default defineConfig({
    plugins: [vue()],
    build: {
      minify: false, // 禁用代码压缩
      // 若禁用后能正常构建，可尝试替换压缩器为esbuild（Vite默认）
      // minify: 'esbuild'
    }
  })
  

  如果构建能完成，说明是压缩环节的问题，可尝试更新压缩相关依赖或调整压缩参数。

• 检查项目目录权限
  Rocky Linux下权限不足可能导致Vite无法写入dist目录，引发停滞：

  # 给项目目录赋予合理权限
  chmod -R 755 /path/to/your/vue-project
  

  确保当前执行构建的用户对项目目录有读写权限。

• 升级Vite版本
  Vite 4.5.0可能存在已知的构建卡顿bug，尝试升级到最新稳定版：

  yarn add vite@latest -D
  # 或 npm install vite@latest --save-dev
  

  升级后重新执行构建。

• 排查异常第三方依赖
  若以上方法都无效，可能是某个第三方依赖存在代码异常（如无限循环、异步阻塞）。可以尝试逐步移除非核心依赖，每次移除后执行构建，定位到引发问题的包，再针对性处理（替换版本或更换依赖）。

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