Ruby on Rails开发环境异常：修改SCSS后无法实时生效求助

1. 检查开发环境资产配置 #

打开config/environments/development.rb，确认以下关键配置是否正确：

config.assets.compile = true
config.assets.debug = true
config.assets.digest = false
config.action_controller.perform_caching = false

开发环境默认会开启实时编译，若之前的操作意外修改了这些配置，会导致SCSS变更无法实时加载。保存配置后重启服务器。

2. 彻底清除预编译资产缓存 #

之前执行rake assets:precompile生成的预编译文件会覆盖开发环境的实时编译结果，必须清除：

rake assets:clean
rm -rf public/assets
rm -rf tmp/cache/assets

执行完成后重启服务器，再修改SCSS测试效果。

3. 验证Sprockets资产管道配置 #

• 确认app/assets/stylesheets/application.scss正确导入了你的SCSS文件，避免使用绝对路径或错误的导入语法。
• 检查config/initializers/assets.rb，删除任何强制预编译SCSS文件的规则，这类规则会让开发环境强制使用预编译版本。

4. 检查Webpack相关配置（若使用React/Webpack） #

如果项目通过Webpack处理样式（比如集成React时），需关闭Webpack缓存：
打开config/webpack/development.js，修改配置：

module.exports = {
  mode: 'development',
  devtool: 'cheap-module-source-map',
  cache: false,
};

确保Webpack在开发环境下实时编译样式变更，修改后重启Webpack dev server。

5. 强制跳过浏览器缓存 #

修改SCSS后，使用Ctrl + Shift + R（Windows/Linux）或Cmd + Shift + R（Mac）强制刷新页面，避免浏览器加载缓存的旧CSS文件。

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