javascript
1コード 2Uncaught ReferenceError: jQuery is not defined 3 at Object../node_modules/bootstrap/js/transition.js (transition.js:59) 4 at __webpack_require__ (bootstrap:19) 5 at Object../node_modules/bootstrap/dist/js/npm.js (npm.js:2) 6 at __webpack_require__ (bootstrap:19) 7 at Module../app/javascript/packs/application.js (application.js:1) 8 at __webpack_require__ (bootstrap:19) 9 at bootstrap:83 10 at bootstrap:83
というエラーが出ていてjQueryが実行されないです。
application.jsです。
javascript
1コード 2require("@rails/ujs").start() 3require("turbolinks").start() 4require("@rails/activestorage").start() 5require("channels") 6require_tree . 7require("jquery") 8import "bootstrap" 9 10 11window.onload = (function () { 12 setTimeout("$('.time-limit-success').fadeOut('slow')", 5000) 13}) 14 15window.onload = (function () { 16 setTimeout("$('.time-limit-danger').fadeOut('slow')", 5000) 17}) 18/*--------------------------------------------------------------------------* 19 * 20 * footerFixed.js 21 * 22 * MIT-style license. 23 * 24 * 2007 Kazuma Nishihata [to-R] 25 * http://blog.webcreativepark.net 26 * 27 *--------------------------------------------------------------------------*/ 28 29window.onload = (function(){ 30 var $ftr = $('#footer'); 31 if( window.innerHeight > $ftr.offset().top + $ftr.outerHeight() ){ 32 $ftr.attr({'style': 'position:fixed; top:' + (window.innerHeight - $ftr.outerHeight()) + 'px;' }); 33 } 34});
application.htmlです。
HTML
1コード 2<!DOCTYPE html> 3<html lang="ja"> 4<html> 5 6<head> 7 <title>ヨーロッパサッカー掲示板</title> 8 <%= csrf_meta_tags %> 9 <%= csp_meta_tag %> 10 11 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 12 <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> 13 <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %> 14 <%= render "layouts/shim" %> 15</head> 16 17<body> 18<div class="footer_fixed"> 19 <%= render "layouts/header" %> 20 <%= render "layouts/flash" %> 21 <%= yield %> 22 <%= render "layouts/footer" %> 23 </div> 24 25</body> 26 27</html> 28 29</html>