javascript - ActionController::RoutingError(没有路由匹配 [GET] "/members/js/bootstrap.min.js"):(缺少 Assets 文件)

标签 javascript ruby-on-rails twitter-bootstrap heroku ruby-on-rails-3.2

我正在使用 bootstrap2 并设置选项卡

  <ul class= "nav nav-tabs">
   <li class="active"><a href="#menu1" data-toggle="tab">疑問リスト</a></li>
   <li class=""><a href="#menu2" data-toggle="tab">フォロー中の投稿</a></li>
   <li class=""><a href="#menu3" data-toggle="tab">ユーザーの投稿</a></li>  
  </ul> 

在 show.html.erb(成员)上。它适用于本地但不适用于远程(heroku)。

然后我检查了日志,执行 heroku 日志并收到了一些错误消息。我不知道如何解决这个问题。你能帮我吗?

☆错误信息

 ActionController::RoutingError (No route matches [GET] "/members/js/bootstrap.min.js"):
 ActionController::RoutingError (No route matches [GET] "/members/js/bootstrap.min.js"):

☆show.html.erb(members_controller)

  <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
  <script src="js/bootstrap.min.js"></script>

ActionController::RoutingError(没有路由匹配 [GET] "/members/css/bootstrap.min.css"):

最佳答案

将 Javascript 文件导入更改为:

<script src="/assets/bootstrap.min.js"></script>

以及指向此的 CSS 链接:

<link href="/assets/bootstrap.min.css" media="all" rel="stylesheet" />

关于 Rails 中的 Assets 处理 >= 3.x

在 Rails 3.x 和 4.x 中,所有资源都必须放在 app/assets 目录中。 Javascript 文件将放入 javascripts 文件夹,CSS 文件将放入 stylesheets 文件夹,图像将放入 images 文件夹。您还可以添加更多文件夹以区分其他 Assets 类型。

在生产中,所有 Assets 都将在全局文件夹 /assets 下可用,不区分 Assets 类型。

如果您已正确放置资源,则将它们加载到页面中的最佳方式是使用对它们的绝对引用。例如。

<%= stylesheet_link_tag    "/assets/bootstrap.min" %>
<%= javascript_include_tag "/assets/bootstrap.min" %>

关于javascript - ActionController::RoutingError(没有路由匹配 [GET] "/members/js/bootstrap.min.js"):(缺少 Assets 文件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20466428/

相关文章:

javascript - User Agent 检测和 Feature Detection 之间的手段、好处和区别是什么?

javascript - 编辑 div 并在页面重新加载上更新信息

ruby-on-rails - cucumber 清理

javascript - Form in view 破坏 CSS/JS 性能优化

twitter-bootstrap - Play framework 2.1.x 不会编译 Twitter Bootstrap 3 LESS

Javascript 只允许一个文本框包含一个值

JavaScript 未绑定(bind)

ruby-on-rails - 即使我没有更改任何属性,如何强制记录 self 保存

javascript - 复选框在编辑页面中不起作用

html - 将图像定位在 svg 元素的右下方