Uncaught TypeError: $(...).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";

文件配置/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'
})

)

两个 Jquer-ie 被加载了两次，在 [1]：https://discuss.rubyonrails.org/t/webpacker-bootstrap-jquery-what-am-i-doing-wrong-and-why-so-hard/77105/4?u=chibeepatag