在我的 Rails 6 项目中,我一直在尝试使用资产管道让
application.js
在 app/assets/javascript/event_index.js
使用 jQuery 和 JavaScript 文件,但两者都不起作用。当我加载我的网页时,我得到一个Uncaught ReferenceError: $ is not defined
,当我点击东西时我的 JavaScript 代码没有做任何事情。
我尝试过的事情:
//=require events_index
来获取 events_index.js,但这什么也没做//= require
行必须在标题中。当我改变它时,它仍然没有帮助gem 'jquery-rails'
$(document).ready()
,但显然因为Rails 6使用了TurboLinks,这不再有效,所以我改变了它这是我的 application.js 文件的全文:
// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require events_index
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)
$( document ).on('turbolinks:load', function() {
console.log( "ready!" );
});
感谢您的帮助!
Rails 6 默认带有 webpacker,你应该通过 yarn 安装 jquery 并通过 webpacker 加载它。请参阅如何在 rails 6 webpacker 中添加 jquery 第三方插件