Laravel+Vite构建报错：无法找到resources/js/app.jsx文件求助

以下是针对该问题的排查和解决步骤：

• 检查Vite配置文件
  打开项目根目录的vite.config.js，确认laravel插件的input路径与实际入口文件完全匹配：

  import { defineConfig } from 'vite';
  import laravel from 'laravel-vite-plugin';
  import react from '@vitejs/plugin-react';
  
  export default defineConfig({
      plugins: [
          laravel({
              input: 'resources/js/app.jsx', // 确保此处路径和文件名完全一致
              refresh: true,
          }),
          react(),
      ],
  });
  

  同时确认resources/js/app.jsx文件确实存在，注意大小写（Linux/macOS环境下文件名区分大小写）。

• 验证构建产物的manifest文件
  执行npm run build后，查看public/build/manifest.json文件，确认其中包含resources/js/app.jsx对应的条目：

  {
    "resources/js/app.jsx": {
      "file": "assets/app-[hash].js",
      "src": "resources/js/app.jsx",
      "isEntry": true
    }
  }
  

  如果没有该条目，说明构建过程未识别到入口文件，需重新检查配置或文件路径。

• 修正Blade模板中的@vite指令
  确认页面模板（如resources/views/welcome.blade.php）中使用的@vite指令路径正确：

  @vite('resources/js/app.jsx')
  

  避免使用旧的mix指令或拼写错误的路径。

• 彻底清理缓存与构建产物

  1. 删除public/build目录：rm -rf public/build（Windows环境执行rmdir /s public\build）
  2. 清理npm缓存：npm cache clean --force
  3. 重新安装依赖：rm -rf node_modules package-lock.json && npm install
  4. 重新执行构建：npm run build

• 检查环境配置与权限

  1. 确认.env文件中的APP_URL与当前访问地址一致（如APP_URL=http://localhost:8000）
  2. 确保public/build目录有写入权限，Linux/macOS可执行：chmod -R 755 public/build

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