Javascript Jquery选择的插件不呈现rails 6

我已经跟随一个博客，让选择的插件为我的应用程序工作。目前，它只是呈现一个普通的html选择标记。我相信问题出在jquery上，不确定这是否也是由于它在模式中加载所致？这是我的网页，我只是想知道我的问题是什么

档案：

gem 'jquery-rails'
gem 'popper_js', '~> 1.11.1'
gem 'bootstrap', '4.0.0.alpha6'
source 'https://rails-assets.org' do
  gem 'rails-assets-tether', '>= 1.3.3'
  gem 'rails-assets-chosen'
end
gem 'simple_form'

app/assets/javascripts/applciation.js

//= require jquery
//= require jquery_ujs
//= require popper
//= require tether
//= require chosen
//= require bootstrap-sprockets
//= require turbolinks

app/assets/stylesheets/application.scss

*= require_self
 */
@import "bootstrap";
@import 'chosen';
@import "mixins";
@import "theme-variables";
@import "theme-mixins";
@import "variables";
@import "uikit";
@import "upload-widget";
@import "trix/dist/trix";
@import "actiontext";
@import "forms";
@import "hapyning";
@import "homepage";
@import "user";
@import "admin";

app/javascript/packs/application.js

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require('jquery')
require('jquery.initialize')
import UIKit from 'uikit'
import Icons from "uikit/dist/js/uikit-icons"
UIKit.use(Icons)

app/views/layouts/application.html.erb

<script>
  $(document).on('ready page:load', function () {
    $('.invite-email').chosen({
      allow_single_deselect: true,
      width: '100%'
    })
  });
</script>

$（文档）.on（'ready page:load'，函数（）{
$（'.invite email'）。已选择({
允许单次取消选择：true，
宽度：“100%”
})
});

这是我在使用.selected时所得到的全部

---

尝试在浏览器控制台中使用模式openI get

Uncaught TypeError:$（…）调用您的
.Selected（{…
函数或
$（'select'）.Selected（）
.selected不是函数

如果页面通过turbolinks请求加载，则可能jquery插件未正确初始化。如果使用turbolinks，则可以尝试使用turbolinks加载事件启动脚本，如：

$（文档）。on（'turbolinks:load'，function（）{…