rails 6 / webpacker tooltip and popover event listeners TypeError: $(...).tooltip is not a function

Question

我收到错误 TypeError: $(...).tooltip is not a function 如果我只注释掉工具提示，那么我会收到同样的 popover 错误（不是函数）我必须删除事件来自 application.js 的侦听器以停止错误我已经看到了未安装 jquery-ui 的建议解决方案，但我发现要求 jquery-ui 破坏了我的应用程序，因此它可能包含在 jquery-ujs 中并且不应该被调用它是自己的，但希望也有人可以建议我

        document.addEventListener("turbolinks:load", () => {
    //  $('[data-toggle="tooltip"]').tooltip()
    //  $('[data-toggle="popover"]').popover()
    })

这是我完整的 application.js

        require("@rails/ujs").start()
    require("turbolinks").start()
    require("jquery")
    require("js.cookie")
    require("@rails/activestorage").start()
    require("channels")
    require("react")
    require("react-dom")
    require("bootstrap")
    require.context('../images', true)
    import "bootstrap"
    import "blueimp-gallery"
    import "../stylesheets/application"
            document.addEventListener("turbolinks:load", () => {
            //  $('[data-toggle="tooltip"]').tooltip()
            //  $('[data-toggle="popover"]').popover()
            })

    import JQuery from 'jquery';
    window.jQuery = $;
    window.$ = $;

    require("../stylesheets/application")

Answer 1

我通过使用 ruby​​gems jquery-ui-rails 解决了这个问题，当我使用它时，我投入了 jquy-ui-themes。