Vite+React项目：解决输出文件路径重复内容不同的报错

以下是可行的解决步骤：

• 彻底清理Vite缓存与临时文件
  手动删除项目根目录下的.vite文件夹，再执行命令清理缓存：

  npx vite --clear-cache
  

• 完全重置依赖环境

  1. 删除整个node_modules文件夹：
     Windows系统：

     rmdir /s /q node_modules
     

     macOS/Linux系统：

     rm -rf node_modules
     

  2. 删除package-lock.json（npm）或yarn.lock（yarn）锁文件
  3. 重新安装所有依赖：

     npm install
     # 或 yarn install
     

• 排查并统一重复依赖
  执行命令查看项目中是否存在多个版本的react-countup：

  npm ls react-countup
  

  如果发现多个版本，在package.json中添加resolutions字段强制统一版本（npm需先安装npm-force-resolutions依赖）：

  "resolutions": {
    "react-countup": "^6.4.2" // 替换为你需要的稳定版本号
  }
  

  添加后重新执行依赖安装命令。

• 调整Vite依赖预构建配置
  在vite.config.js中修改optimizeDeps配置，排除或指定react-countup的预构建规则：

  import { defineConfig } from 'vite'
  import react from '@vitejs/plugin-react'
  
  export default defineConfig({
    plugins: [react()],
    optimizeDeps: {
      exclude: ['react-countup'] // 排除该依赖的预构建
      // 若排除无效，可尝试强制包含并指定解析规则：
      // include: ['react-countup'],
      // esbuildOptions: {
      //   resolveExtensions: ['.js', '.jsx']
      // }
    }
  })
  

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