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

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

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

Haml(HTML abstraction markup language)は、HTML/XHTMLを効率的に記述するためのマークアップ言語および記法です。

Q&A

0回答

564閲覧

HAMLでのSymtaxError

takahito1643

総合スコア4

Haml

Haml(HTML abstraction markup language)は、HTML/XHTMLを効率的に記述するためのマークアップ言語および記法です。

0グッド

0クリップ

投稿2019/12/24 06:59

前提・実現したいこと

メルカリのようなクローンアプリを作っています ビューの実装をしていて他の場所でも使いそうなところを切り分けて
= render で呼び出そうとしています ですが、切り分けたものをtopページで呼ぼうとしたら以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

SyntaxError in TopController#index /Users/xxxxxxxxxxx/projects/xxxxxxxxxxxxxx/app/views/top/index.html.haml:46: syntax error, unexpected keyword_ensure, expecting end-of-input ensure ^~~~~~ Extracted source (around line #46): 44 = render 'shared/footer'

該当のソースコード

HAML

1= render 'shared/header' 2 3.slider-frame 4 .slider-list 5 .slider-list__first 6 = image_tag "bird1.jpg", size: "1440x390", alt: "sample1" 7 .slider-list__second 8 = image_tag "car1.jpg", size: "1440x390", alt: "sample2" 9.category 10 .category__populer 11 人気のカテゴリー 12 .category__genre 13 .category__genre__list 14 レディース 15 .category__genre__list 16 メンズ 17 .category__genre__list 18 家電・スマホ・カメラ 19 .category__genre__list 20 おもちゃ・ホビー・グッズ 21 22= render 'shared/contents' 23 .category-genre-first 24 .category-genre-second 25 .category-genre-third 26 .category-genre-forth 27.contents-main__category 28 29= render 'shared/footer' 30 31<<_footer.html.haml>> 32 33.aside 34 .app-text 35 %h2 スマホでかんたんフリマアプリ 36 %p 今すぐ無料ダウンロード! 37 .app-text__figure 38 .app-text__figure--image 39 = image_tag "logo_red.svg", size: "70x70", alt: "sample2" 40 -# = image_tag("https://www-mercari-jp.akamaized.net/assets/img/common/common/mercari_icon.png?3135490372", width: "70px") 41 %ul 42 %li 43 = link_to "#" do 44 = image_tag("https://www-mercari-jp.akamaized.net/assets/img/common/common/app-store.svg?3135490372", width: "130px") 45 %li 46 = link_to "#" do 47 = image_tag("https://www-mercari-jp.akamaized.net/assets/img/common/common/google-play.svg?3135490372", width: "130px") 48 .app-image 49 = image_tag("https://www-mercari-jp.akamaized.net/assets/img/common/jp/download_content_pc.png?3135490372", height: "260px") 50.footer 51 .footer-content 52 .footer-top 53 .footer-top__content 54 %h2 メルカリについて 55 %ul 56 %li 57 = link_to "会社概要(運営会社)", "#" 58 %li 59 = link_to "採用情報", "#" 60 %li 61 = link_to "プレスリリース", "#" 62 %li 63 = link_to "公式ブログ", "#" 64 %li 65 = link_to "メルカリロゴ利用ガイドライン", "#" 66 .footer-top__content--social 67 %ul 68 %li 69 = link_to "#" do 70 = icon 'fab', 'twitter' 71 %li 72 = link_to "#" do 73 = icon 'fab', 'facebook-square' 74 .footer-top__content 75 %h2 ヘルプ&ガイド 76 %ul 77 %li 78 = link_to "メルカリガイド", "#" 79 %li 80 = link_to "らくらくメルカリ便", "#" 81 %li 82 = link_to "ゆうゆうメルカリ便", "#" 83 %li 84 = link_to "大型メルカリ便", "#" 85 %li 86 = link_to "車体取引ガイド", "#" 87 %li 88 = link_to "メルカリあんしん・あんぜん宣言!", "#" 89 %li 90 = link_to "偽ブランド品撲滅への取り組み", "#" 91 %li 92 = link_to "メルカリボックス", "#" 93 .footer-top__content 94 %h2 プライバシーと利用規約 95 .footer-top__content--divide 96 .footer-top__content--divide--left 97 %ul 98 %li 99 = link_to "プライバシーポリシー", "#" 100 %li 101 = link_to "メルカリ利用規約", "#" 102 %li 103 = link_to "あんしんスマホサポート制度に関する利用特約", "#" 104 %li 105 = link_to "コンプライアンスポリシー", "#" 106 .footer-top__content--divide--right 107 %ul 108 %li 109 = link_to "個人データの安全管理に係る基本方針", "#" 110 %li 111 = link_to "特定商取引に関する表記", "#" 112 %li 113 = link_to "資金決済法に基づく表示", "#" 114 %li 115 = link_to "法令順守と犯罪抑止のために", "#" 116 .footer-top__content 117 %h2118 %ul 119 %li 120 = link_to "日本", "#" 121 %li 122 = link_to "United States", "#" 123 .footer-bottom 124 = link_to root_path do 125 = image_tag "mayoi.jpg", size: "36x36", alt: "sample2" 126 -# = image_tag("https://www-mercari-jp.akamaized.net/assets/img/common/common/logo-white.svg?3135490372", width: "120px") 127 %span © Mercari, Inc.

試したこと

link_toやform_forは do をつけなければいけないと思い、つけてみたがエラーは変わりませんでした

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問