現在、rails6でbootstrapテンプレートを使用し、レイアウトを整えようと思っています。
しかし、Webpacker::Manifest::MissingEntryErrorが発生しており、このエラーを解決したいです。
エラーメッセージがこちらです。
ActionView::Template::Error (Webpacker can't find jquery.min in フォルダー名/public/packs/manifest.json. Possible causes:
- You want to set webpacker.yml value of compile to true for your environment
unless you are using thewebpack -w
or the webpack-dev-server. - webpack has not yet re-run to reflect updates.
- You have misconfigured Webpacker's config/webpacker.yml file.
- Your webpack configuration is not creating a manifest.
Your manifest contains:
{
"application.js": "/packs/js/application-63fd8d8dc350b206c0dc.js",
"application.js.map": "/packs/js/application-63fd8d8dc350b206c0dc.js.map",
"entrypoints": {
"application": {
"js": [
"/packs/js/application-63fd8d8dc350b206c0dc.js"
],
"js.map": [
"/packs/js/application-63fd8d8dc350b206c0dc.js.map"
]
}
}
}
):
1: <!-- jQuery -->
2: <%= javascript_pack_tag('jquery.min') %>
3: <!-- jQuery Easing -->
4: <%= javascript_pack_tag('jquery.easing.1.3') %>
5: <!-- Bootstrap -->
app/views/layouts/_js.html.erb:2
app/views/layouts/application.html.erb:25
試したこと
https://qiita.com/shizen-shin/items/38fd774ffc87bc8838c9こちらのサイトで確認してみたところ、「webpackでコンパイルしていないことが原因。コンパイルすれば解決する。」と書いてあり、このコマンド「rails webpacker:compile」を入力してみたら、、こちらのメッセージが出ました。
(Warning: you are using an unstable release of Node.js (v17.0.1). If you encounter issues with Node.js, consider switching to an Active LTS release. More info: https://docs.npmjs.com/try-the-latest-stable-version-of-node
Everything's up-to-date. Nothing to do)
こちらが関係しているかも分かっていません。
該当と思われるコードがこちらになります。
applicationscss
1 * 2 * require_tree . 3 * require_self 4 *= require animate.css 5 *= require icomoon.css 6 *= require bootstrap.css 7 *= require flexslider.css 8 *= require style.css 9 *= require magnific-popup.css 10 */ 11 @import "style.scss"; 12 @import "bootstrap-sprockets"; 13 @import "bootstrap.scss"; 14 @import "custom.scss"; 15 @import "icomoon/style";
jshtmlerb
1<!-- jQuery --> 2<%= javascript_include_tag('jquery.min') %> 3<!-- jQuery Easing --> 4<%= javascript_include_tag('jquery.easing.1.3') %> 5<!-- Bootstrap --> 6<%= javascript_include_tag('bootstrap.min') %> 7<!-- Waypoints --> 8<%= javascript_include_tag('jquery.waypoints.min') %> 9<!-- Flexslider --> 10<%= javascript_include_tag('jquery.flexslider-min') %> 11<!-- Main --> 12<%= javascript_include_tag('main') %>
applicationhtmlerb
1<!DOCTYPE HTML> 2<html> 3 <head> 4 <title><%= full_title(yield(:title)) %></title> 5 <%= render 'layouts/rails_default' %> 6 <%= render 'layouts/shim' %> 7 </head> 8 <body> 9 <div class="fh5co-loader"></div> 10 <div id="page"> 11 <%= render 'layouts/navigation' %> 12 <div id="fh5co-wireframe"> 13 <div class="container"> 14 <% flash.each do |message_type, message| %> 15 <%= content_tag(:div, message, class: "alert alert-#{message_type}") %> 16 <% end %> 17 </div> 18 </div> 19 <%= yield %> 20 </div> 21 <%= render 'layouts/footer' %> 22 <div class="gototop js-top"> 23 <a href="#" class="js-gotop"><i class="fas fa-arrow-up"></i></a> 24 </div> 25 <%= render 'layouts/js' %> 26 </body> 27</html>
manifestjson
1{ 2 "application.js": "/packs/js/application-63fd8d8dc350b206c0dc.js", 3 "application.js.map": "/packs/js/application-63fd8d8dc350b206c0dc.js.map", 4 "entrypoints": { 5 "application": { 6 "js": [ 7 "/packs/js/application-63fd8d8dc350b206c0dc.js" 8 ], 9 "js.map": [ 10 "/packs/js/application-63fd8d8dc350b206c0dc.js.map" 11 ] 12 } 13 } 14}
不足のコードがありましたら、随時追記させて頂きます。
どうか、ご教授願います。
補足情報
rails 6.14
ruby 3.0.2
macOS 12.0.1
あなたの回答
tips
プレビュー