语义 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 (将#修改为@）