質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

Q&A

1回答

1473閲覧

railsでbootstrapをつかいたい

s-a0202

総合スコア23

Ruby on Rails 5

Ruby on Rails 5は、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

0グッド

1クリップ

投稿2019/06/01 08:39

環境 windows10
ruby 2.6.3
rails 5.2.3
bootstrapでナビゲーションバーを作りたいのですが以下のエラーが出てしまいます、
<%= link_to "", root_path, class: "navbar__brand navbar__mainLogo" %>が違うのでしょうか?

#application.html.erb

<!DOCTYPE html> <html> <head> <title>Techgram</title> <%= csrf_meta_tags %> <%= csp_meta_tag %> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %> </head> <body> <nav class="navbar navbar-expand-lg navbar-light"> <div class="container"> <%= link_to "", root_path, class: "navbar__brand navbar__mainLogo" %> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-md-auto align-items-center"> <li> <%= link_to "投稿", "#", class: "btn btn-primary" %> </li> <li> <%= link_to "", "#", class: "nav-link commonNavIcon profile-icon" %> </li> </ul> </div> </div> </nav> <%= yield %> </body> </html>

#application.scss

@import "bootstrap"; //= require bootstrap @import "layouts/navbar";

#chrome
NameError in Pages#home
Showing C:/Users/sinta/techgram/app/views/layouts/application.html.erb where line #15 raised:

undefined local variable or method `root_path' for #<#Class:0x000000000841d748:0x000000000cd942f0>
Did you mean? font_path
#コマンドプロンプト
Started GET "/" for ::1 at 2019-06-01 17:32:04 +0900
Processing by PagesController#home as HTML
Rendering pages/home.html.erb within layouts/application
Rendered pages/home.html.erb within layouts/application (5.3ms)
Completed 500 Internal Server Error in 1809ms (ActiveRecord: 0.0ms)

ActionView::Template::Error (undefined local variable or method `root_path' for #<#Class:0x000000000846d810:0x0000000008484ee8>
Did you mean? font_path):
12: <body>
13: <nav class="navbar navbar-expand-lg navbar-light">
14: <div class="container">
15: <%= link_to "", root_path, class: "navbar__brand navbar__mainLogo" %>
16: <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
17: <span class="navbar-toggler-icon"></span>
18: </button>

app/views/layouts/application.html.erb:15:in `_app_views_layouts_application_html_erb__383755718_69535280'

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

名前付きルート(root_path)を使用するためには、routes.rbに、

root 'controller#action'

の記述が必要ですが、されてますでしょうか。

投稿2019/06/02 14:22

tail12

総合スコア607

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問