设置引导程序时遇到问题+；jQuery+；EasyAuto在Rails 6中完成

我一直在阅读文章/论坛，并遵循一些关于如何设置它的指南，但是我仍然在运行bootstrap和jquery时遇到问题

通过Thread安装了bootstrap、jquery和easyAutocomplete，之后我继续设置我的env.js以启用jquery

const { environment } = require('@rails/webpacker')    
const webpack = require("webpack")    
environment.plugins.append('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery/src/jquery',
    Popper: ['popper.js', 'default']
  }))

module.exports = environment

在我的application.js中，如下所示

import 'bootstrap'
import '../stylesheets/application'
import './popover'
import './carousel'
import 'easy-autocomplete'
import './autocomplete'    
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")

在导入easy autocomplete之前，引导和jquery可以正常工作和加载。可以使用旋转木马等自定义脚本，但在我导入轻松自动完成后，一切都会中断。由于我的旋转木马和popover停止工作，jquery似乎不再被识别，除此之外，我在控制台中遇到以下错误

未捕获类型错误：$（…）。easyAutocomplete不是位于的函数 ：1:12

有人能给我一些关于如何解决这个问题的建议吗？

请看我的答案