Rails应用静态资源加载失败求助：路由错误与Bootstrap渲染异常

嘿，我帮你捋捋这个Rails静态资源加载的问题——你碰到的ActionController::RoutingError十有八九是资源路径配置或者预编译环节出了岔子，试试下面这些针对性的解决办法：

打开config/environments/development.rb，确认里面有这几行配置，没有的话就加上：

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

开发模式下开启debug和compile，关闭digest，能避免哈希路径导致的资源找不到问题，让Rails动态编译加载资源。

Rails的静态图片默认存在app/assets/images/目录下，引用时要注意规范：

• 用Rails自带的image_tag helper最稳妥：<%= image_tag 'logo.png' %>，它会自动生成正确的/assets/前缀路径
• 如果硬写HTML标签，路径要写成/assets/logo.png，别多打斜杠或者漏了assets前缀
• 要是图片在子文件夹（比如app/assets/images/icons/），路径就改成/assets/icons/arrow.png，或者用image_tag 'icons/arrow.png'

开发模式下Rails会自动编译资源，提前跑rake assets:precompile反而容易冲突，按这个步骤来：

• 先删掉预编译出来的文件：rm -rf public/assets
• 关掉当前的rails服务器，再重新启动rails s
• 这时候开发环境会动态加载资源，不用提前预编译

缓存经常是隐形坑，彻底清一遍：

• 执行rails tmp:clear（比手动删tmp文件夹更彻底，能清掉所有临时缓存）
• 关掉当前的rails server，重新启动rails s
• 最后用浏览器强制刷新页面（Ctrl+Shift+R），清掉浏览器缓存

如果是用gem安装的Bootstrap（比如bootstrap-sass），确认这几点：

• 在app/assets/stylesheets/application.css里添加@import "bootstrap";，注意要把@import放在最前面，别跟*= require_tree .混用（后者会打乱CSS顺序）
• JavaScript部分在app/assets/javascripts/application.js里加//= require bootstrap
• 如果是手动下载的Bootstrap文件，要把css、js放到vendor/assets/对应的文件夹里，再在application.css/js里正确引入

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