Rails启动后访问首页出现SassC::SyntaxError错误求助

1. 检查Bootstrap导入完整性 #

在app/assets/stylesheets/admin/bootstrap-alert.scss文件开头，确保已正确导入Bootstrap的mixin文件：

// 若使用Bootstrap 5，导入对应mixin文件
@import "bootstrap/mixins/alert";
// 若使用Bootstrap 4，导入通用mixin集合
@import "bootstrap/mixins";

同时确认项目通过bootstrap gem引入的版本，与你编写的SCSS语法匹配。

2. 匹配Bootstrap版本与mixin名称 #

• 若安装的是Bootstrap 5：alert-variant已被重命名为alert-styles，需修改代码为：

@include alert-styles($value, $value, $white);

• 若要保留alert-variant语法：需在Gemfile中指定Bootstrap 4.x版本，执行更新命令：

# Gemfile中添加
gem 'bootstrap', '~> 4.6.0'

bundle install

3. 验证资产加载路径配置 #

打开config/initializers/assets.rb，确保Bootstrap资产被加入加载路径（若使用npm安装Bootstrap时需配置）：

Rails.application.config.assets.paths << Rails.root.join('node_modules/bootstrap/dist/css')

如果用Webpacker或jsbundling-rails管理前端资产，需确认Bootstrap在构建流程中被正确引入，保证SCSS文件能访问到Bootstrap的mixin。

4. 清理缓存并重新编译 #

执行以下命令清理旧资产缓存，重新编译后重启服务器：

rails assets:clobber
rails assets:precompile
rails server

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