未捕获的类型错误：$(...).modal 不是 rails 6 中的函数

Question

在 rails 6 中得到这个错误，在 rails 5 中，在将应用程序更新到 rails 6 后很容易修复，包括 webpack 这个错误出现在我尝试关闭 js.erb 文件中的模型的每个地方。

我的文件：pack/application.rb

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")

import "bootstrap";
import "./src/application.scss";
import "jquery"

文件包/src/application.scss

@import "~bootstrap/scss/bootstrap";

文件 config/webpack/environment.js

   const { environment } = require('@rails/webpacker')

    const webpack = require('webpack')
    environment.plugins.prepend('Provide',
        new webpack.ProvidePlugin({
            $: 'jquery/src/jquery',
            jQuery: 'jquery/src/jquery'
        })
    )
    module.exports = environment

Answer 1

解决方案在这里：[在此处输入链接描述][1]将environment.js更改为

environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery'
})

）

两个 Jquery 被加载两次，在 [1]：https://discuss.rubyonrails.org/t/webpacker-bootstrap-jquery-what-am-i-doing-wrong-and-why-so-hard/77105/ 4?u=奇比帕塔格