Laravel 9集成Jetstrap缺失app.css，页面样式异常求助

核心原因 #

你遇到的问题本质是Laravel 9 与教程使用的 Laravel 8 前端构建工具差异，以及 Jetstrap 版本不兼容导致：

1. Laravel 9 默认采用 Vite 替代 Laravel 8 的 Mix，资源编译输出路径从 public/css/js 改为 public/build，所以你找不到 public/css 文件夹；
2. 教程适配的 Jetstrap 1.x 仅支持 Laravel 8 + Mix，而你的 Laravel 9 需要 Jetstrap 2.x 来适配 Vite，版本不匹配导致资源配置错误，样式无法正常加载；
3. 只有 npm run dev 运行时，Vite 开发服务器会临时托管资源，所以页面能正常显示，停止后生产环境无正确编译的资源，就会样式混乱。

解决步骤 #

1. 安装兼容 Laravel 9 的 Jetstrap 版本 #

先卸载当前不兼容的 Jetstrap，重新安装适配 Laravel 9 的 2.x 版本：

composer remove nascent-africa/jetstrap
composer require nascent-africa/jetstrap:^2.0 --dev

2. 重新执行 Jetstrap 替换命令 #

确保 Vite 配置和资源入口被正确更新：

php artisan jetstrap:swap livewire

3. 验证资源文件配置 #

• 检查 resources/css/app.css，确认包含 Bootstrap 导入：

  @import 'bootstrap/dist/css/bootstrap.min.css';
  /* 自定义样式 */
  

• 检查 resources/js/app.js，确认导入 Bootstrap JS：

  import 'bootstrap/dist/js/bootstrap.bundle.min.js';
  

4. 重新编译生产环境资源 #

删除旧依赖后重新安装并编译，生成生产环境可用的资源：

rm -rf node_modules package-lock.json
npm install
npm run build

编译完成后，资源会输出到 public/build 目录，这是 Laravel 9 + Vite 的默认输出路径。

5. 确认视图的资源引入 #

确保所有视图（如 welcome.blade.php、auth/register.blade.php）使用 Vite 指令引入资源，而非传统的 link/script 标签：

@vite(['resources/css/app.css', 'resources/js/app.js'])

Jetstrap 的替换命令通常会自动处理这一步，若未生效可手动修改。

6. 修复目录权限（替代不安全的 777 权限） #

不要使用 sudo chmod -R 777 .，这会带来严重安全隐患，执行以下命令设置正确权限：

sudo chown -R www-data:www-data storage bootstrap/cache
sudo chmod -R 755 .
sudo chmod -R 775 storage bootstrap/cache

7. 迁移问题排查（若仍有迁移错误） #

确保 .env 文件中的数据库配置正确，然后重新执行迁移：

php artisan migrate:fresh

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