我知道它很简单,但是随着 Rails 6 的更新。rails 6 中有新的语法用于管理由 webpacker 维护的 javascript 资源。
//application.js
require("@rails/ujs") //.start()
require("turbolinks").start()
require("@rails/activestorage").start()
require('jquery').start()
require('jquery_ujs').start()
require('bootstrap-daterangepicker').start()
require("custom/custom").start()
require("bootstrap").start()
require("channels")
我可以添加custom/custom
但 bootstrap 和 jquery 不起作用
我已经通过 npm 安装了 jquery 和 bootstrap
运行下面的命令来添加 jQuery。
$ yarn add jquery
添加下面的代码在config/webpack/environment.js
const webpack = require('webpack')
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$: 'jquery/src/jquery',
jQuery: 'jquery/src/jquery'
})
)
application.js 文件中需要 jquery。
require('jquery')
不再需要添加 jquery-rails gem!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)