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

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

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

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

Q&A

解決済

1回答

2443閲覧

Rails6 javascript_pack_tag が使えない

kickthekaz

総合スコア29

Ruby on Rails 6

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

0グッド

0クリップ

投稿2020/03/30 02:50

表題の件ですが、viewにjsをインクルードしたくて、javascript_pack_tagを使っているのですが、エラーが出て使えません。
やり方をご教授いただけませんでしょうか。。

slim

1.chart-container style="position: relative; width:95%; height:50vh" 2 canvas#bar_graph 3= javascript_pack_tag 'graph/graph_bar' 4

グラフをviewに入れたいので、app/javascript/graph/graph_bar.jsを読み込みたいです。

しかし、Webpacker::Manifest::MissingEntryErrorが発生します。

bash

1ActionView::Template::Error (Webpacker can't find graph/graph_bar in /Users/kazuhiro/affiliate/creditcard.com/public/packs/manifest.json. Possible causes: 21. You want to set webpacker.yml value of compile to true for your environment 3 unless you are using the `webpack -w` or the webpack-dev-server. 42. webpack has not yet re-run to reflect updates. 53. You have misconfigured Webpacker's config/webpacker.yml file. 64. Your webpack configuration is not creating a manifest. 7Your manifest contains: 8{ 9 "application.js": "/packs/js/application-2fa1c05e231dc2fb260f.js", 10 "application.js.map": "/packs/js/application-2fa1c05e231dc2fb260f.js.map", 11 "entrypoints": { 12 "application": { 13 "js": [ 14 "/packs/js/application-2fa1c05e231dc2fb260f.js" 15 ], 16 "js.map": [ 17 "/packs/js/application-2fa1c05e231dc2fb260f.js.map" 18 ] 19 } 20 } 21} 22): 23 648: p ポイント還元率と月々の利用金額で年会費の元が取れる利用金額をまとめてみました。 24 649: .chart-container style="position: relative; width:95%; height:50vh" 25 650: canvas#bar_graph 26 651: = javascript_pack_tag 'graph/graph_bar' 27 652: 28 653: table.table 29 654: colgroup 30

以下の使い方ではエラーは出ておりません。

applicaton.slim

1 = javascript_pack_tag 'application', 'data-turbolinks-track': 'reload'

ご存知の方がいらっしゃれば、ご教授お願いします!

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

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

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

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

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

guest

回答1

0

ベストアンサー

以下の使い方ではエラーは出ておりません。

はい、Webpackerの標準設定では、app/javascript/packs以下のものしか参照できません。

packs以下にエントリポイントを書いて、実際のコードはそこから呼び出す形にする必要があります。

投稿2020/03/30 02:53

maisumakun

総合スコア146018

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

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

kickthekaz

2020/03/30 12:34

ご回答ありがとうございます。 質問です。 エントリポイントを書くとは、packs/application.jsに書くことでしょうか?? javascript_include_tagのように、そのまま呼び出すことはできないのでしょうか??
maisumakun

2020/03/30 12:58

packs/graph_bar.jsのようなファイルを作れば、それを呼ぶことは可能です。
kickthekaz

2020/03/31 05:59

ありがとうございます。 できました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問