Laravel 10.6.2使用auth:ui后Vite找不到resources/sass/app.scss错误求助

1. 检查视图中的Vite资源引用 #

auth:ui生成的布局视图（比如resources/views/layouts/app.blade.php）里的@vite指令可能保留了旧的sass路径引用。打开该文件，查看是否存在类似代码：

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

如果你的项目实际使用默认的css资源结构，直接修改为：

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

2. 修正Vite配置文件 #

打开vite.config.js，确认入口文件配置与实际资源路径匹配。Laravel 10默认配置应为：

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
    ],
});

如果要使用sass，需将入口改为resources/sass/app.scss，同时确保该文件存在。

3. 正确安装Sass依赖（如需使用Sass） #

你提到安装sass、bootstrap时报错，大概率是版本冲突导致，按以下步骤操作：

• 删除旧依赖文件：

  rm -rf node_modules package-lock.json
  

• 安装兼容Laravel 10的指定版本依赖：

  npm install --save-dev sass bootstrap@5.3 laravel-vite-plugin vite
  

• 在resources/sass/app.scss中引入bootstrap（若文件不存在则手动创建）：

  @import 'bootstrap/scss/bootstrap';
  

• 重新构建资源：

  npm run build
  

4. 清理缓存并重新构建 #

缓存残留可能导致问题，执行以下命令彻底清理：

• 清理Laravel缓存：

  php artisan cache:clear
  php artisan view:clear
  

• 清理Vite缓存并重新构建：

  npm run clean
  npm install
  npm run build
  

5. 确认auth:ui的安装参数 #

如果需要sass版本的auth脚手架，安装时需明确指定参数：

php artisan auth:ui bootstrap --sass

未加--sass参数时，生成的是默认css版本资源，自然找不到sass文件。

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