如何禁用Sprockets编译stylesheets目录及解决sassc加载错误

1. 彻底移除旧的Sass相关依赖 #

• 从Gemfile中删除sassc和sassc-rails，确保无相关引用残留。
• 执行命令清理并重新安装依赖：

  bundle clean --force
  bundle install
  

2. 明确限定Sprockets预编译范围 #

在config/initializers/assets.rb中配置仅预编译需要的资源类型，完全排除样式表：

Rails.application.config.assets.precompile = %w( *.js *.png *.jpg *.jpeg *.gif )

同时检查config/application.rb等配置文件，确保没有额外添加样式表预编译的规则。

3. 确认manifest.js无样式表关联 #

检查app/assets/config/manifest.js，确保仅保留图片和JavaScript资源的链接，移除所有与stylesheets相关的配置：

//= link_tree ../images
//= link_tree ../javascripts .js

4. 调整Dart Sass编译配置（无需样式编译时） #

如果完全不需要编译SCSS文件，创建或修改config/initializers/dartsass.rb，清空编译规则：

Rails.application.config.dartsass.builds = {}

这样Dart Sass不会触发任何样式文件的处理逻辑，避免不必要的依赖检查。

5. 清除缓存消除残留配置 #

执行命令清除Rails临时缓存，确保旧配置完全失效：

rails tmp:clear

6. 排查间接依赖问题 #

若以上步骤无效，检查是否有其他gem间接依赖sassc：

bundle list | grep sassc

如果发现相关依赖，尝试升级该gem到适配Dart Sass的最新版本，或替换为无sassc依赖的替代gem。

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