Laravel 9 + Vite构建报错：无法在Vite清单找到resources/scss/hrms.scss

问题分析 #

执行npm run build时触发的错误，说明Vite构建清单里找不到resources/scss/hrms.scss的记录，但你的Vite配置仅声明了app.scss和app.js作为入口文件。这意味着项目中存在对hrms.scss的引用，但该文件未被纳入Vite的编译流程。

解决步骤 #

• 修正模板中的资源引用
  检查所有Blade模板或HTML文件，找到使用@vite('resources/scss/hrms.scss')或直接引用该文件的代码。如果hrms.scss是通过@import在app.scss中引入的依赖，直接删除这些独立引用；如果需要单独编译该文件，继续下一步。

• 更新Vite配置
  将hrms.scss添加到vite.config.js的input数组中，确保Vite编译该文件：

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

  保存配置后重新执行npm run build，Vite会将该文件纳入构建流程并生成对应的清单记录。

• 清理缓存
  如果修改配置后仍报错，执行以下命令清理缓存：

  • 清理Vite构建缓存：npm run build -- --clean
  • 清理Laravel缓存：php artisan cache:clear && php artisan view:clear

• 验证文件路径
  确认resources/scss/hrms.scss文件真实存在，且路径大小写与引用完全一致（Linux/macOS环境下路径大小写敏感）。

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