如何解决语义 UI javascript 未加载 Rails 6
我尝试了很多方法来在我的 rails 6 项目中加载语义 UI javascript。
我按照说明从这些方向加载语义 UI javascript: semantic-ui dropdown menu functionality not working in rails 6
仍然不适合我,任何建议将不胜感激!! :)
我跑了
yarn add jquery popper.js semantic-ui-sass
我的配置/webpack/environment.js:
const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
// environment.plugins.append('Provide',// new webpack.ProvidePlugin({
// $: 'jquery',// jQuery: 'jquery',// Popper: ['popper.js','default']
// })
// )
environment.plugins.append("Provide",new webpack.ProvidePlugin({
$: 'jquery',jQuery: 'jquery',Popper: ['popper.js','default']
}))
module.exports = environment
我的应用程序/javascript/packs/application.js:
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("semantic-ui-sass")
// 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",() => $(".ui.dropdown").dropdown());
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。