Rails 7中application.bootstrap.scss.erb文件找不到问题排查

我将application.bootstrap.scss重命名为application.bootstrap.scss.erb，希望通过ERB分支语句根据用户账户选择的皮肤加载不同的变量集。但刷新网站后，页面能显示但CSS未更新，bin/dev服务器报错：Error reading app/assets/stylesheets/application.bootstrap.scss: no such file or directory.

已执行的操作：

• 在environments/development.rb中添加config.serve_static_assets = false
• 在manifest.js中添加//= link application.bootstrap.scss.erb

当前application.bootstrap.scss.erb代码：

<% user_skin = "Ravenclaw Dark" %>

<% case user_skin %>
<% when "Ravenclaw Dark" %>
  @import 'ravenclaw-dark';
<% else %>
  @import 'ravenclaw-light';
<% end %>

被引用的皮肤文件示例（如ravenclaw-light.scss）：

$color-background: #fff !important;          /* Main background */
$color-text: #000 !important;                /* Main text (contrast bg) */

$color-background-alt: #b9b8b6 !important;   /* Alternate background */
$color-text-alt: #0E1A40 !important;         /* Alternate text */

$color-admin: #FEC601 !important;            /* CTAs & accents (main/opp txt ok) */
$color-accent-main: #1567B3 !important;      /* Good with main/opp text */
$color-accent-subtle: #8CA7B0 !important;    /* Subtle (main/opp text) */

$color-bad: #983C3C !important;              /* both text */
$color-good: #2C8431 !important;             /* both text */

请问我哪里操作出错了？

核心问题：旧文件名引用未同步更新 #

服务器报错找不到原application.bootstrap.scss，说明项目中仍有地方在引用旧文件名，未同步改为.erb后缀的版本。

具体修正步骤 #

1. 更新布局文件中的样式表引用
   检查app/views/layouts/application.html.erb（或对应布局文件）里的样式加载标签，将旧的引用：

<%= stylesheet_link_tag "application.bootstrap", "data-turbo-track": "reload" %>

改为：

<%= stylesheet_link_tag "application.bootstrap.scss.erb", "data-turbo-track": "reload" %>

2. 清理资产缓存并重启服务
   执行命令清除资产缓存，避免旧缓存干扰：

bin/rails assets:clobber

然后重启bin/dev服务器。

3. 验证manifest.js配置
   确保manifest.js中只保留正确的链接：

//= link application.bootstrap.scss.erb

删除所有指向旧文件名application.bootstrap.scss的链接。

4. 调整开发环境配置（可选）
   config.serve_static_assets = false在Rails开发环境中并非必要，默认配置已支持动态资产处理。建议注释掉该配置，避免影响资产服务逻辑。

5. 后续动态皮肤注意事项
   当前代码中硬编码了user_skin = "Ravenclaw Dark"，后续替换为用户实际皮肤设置时，需确保在样式表引用的上下文能获取到current_user对象（如使用Devise认证时）。另外，ERB预处理后的CSS是动态生成的，要确保服务器能正确解析ERB代码。

额外检查 #

确认ravenclaw-dark.scss和ravenclaw-light.scss位于app/assets/stylesheets目录下，或在Sass的导入路径范围内，避免导入失败。

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