Laravel 8+Bootstrap 5环境app.js加载正常但app.css为空无样式

• 检查resources/sass/app.scss文件内容
  该文件需要手动引入Bootstrap的样式才会被编译进最终的app.css，请确认文件内存在以下代码：

  @import '~bootstrap/scss/bootstrap';
  

  如果文件为空，编译生成的public/css/app.css自然也会为空。
• 验证前端依赖是否完整安装
  执行以下命令检查Bootstrap和Sass相关依赖是否正常安装：

  npm list bootstrap
  npm list sass
  

  如果返回空或者提示未安装，执行以下命令安装缺失依赖：

  npm install bootstrap sass --save-dev
  

• 确认编译命令执行正常
  执行编译命令时留意控制台是否有报错：

  npm run dev
  # 生产环境执行 npm run prod
  

  若编译过程中出现Sass语法错误、依赖缺失类的报错，会导致CSS编译失败输出空文件。
• 核对路径与缓存
  确认resources/sass/app.scss文件路径、文件名拼写完全正确，不存在大小写错误。编译完成后执行php artisan view:clear清除视图缓存，浏览器按Ctrl+Shift+R强制刷新忽略本地缓存后再验证。
• 对比正常项目配置
  你可将本次项目的package.json、resources/sass/app.scss文件内容和另一台正常运行的同版本项目做对比，排查缺失的配置项。

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